iOS中的stopPropagation

Question

• 当我单击到#blue时，我要淡出#red。
• 当我单击背景（在本例中为htlm）时，我要淡出#blue
• 我希望当我单击#blue时，＃blue不要褪色。这就是为什么我使用taskkill

第三点是我有问题。在台式计算机中，它运行良好。但是我在iPad上对其进行了测试，当我单击#blue时，＃blue也会淡出。 （我无法在iPhone或其他手机上进行测试）

为什么会发生以及如何解决？

注意： 我可以找到一个临时解决方案，将div作为背景：

e.stopPropagation();

但是我仍然不明白为什么它不适用于$（“ html”）以及iOS中的stopPropagation会发生什么。

$("#background").on('click touchstart', function(){
    $("#blue").fadeOut(500);
});

	$("#blue").click(function(e) {
		e.stopPropagation(); 
    	$("#red").fadeOut("slow");
    });
	
	$("html").on('click touchstart', function(e){
		$("#blue").fadeOut(500);
    });

#blue {
	position: absolute;
	top: 100px; left: 100px;
	width:100px; height: 40px;
	font-size:16px;
	background-color:blue;
	cursor: pointer;
}
	
#red {
	position: absolute;
	top: 200px; left: 100px;
	width:40px; height: 40px;
	font-size:16px;
	background-color:red;
	cursor: pointer;
}