<分区>
我认为这是一个无辜的问题,但实际上我还不知道答案。
我们都知道,事件冒泡是将事件定向到它预定的目标,它的工作原理是这样的:一个按钮被点击,事件被定向到该按钮。如果为该对象设置了事件处理程序,则会触发该事件。如果没有为该对象设置事件处理程序,则该事件会向上冒泡(就像水中的气泡)到父对象。
HTML部分
<div>
<iframe>
<a>Clickable fdf Area</a>
</iframe>
</div>
javascript部分
$('div iframe').load(function(){
var iframeBody = $(this).contents().find("body");
iframeBody.html("<a href='www.google.com'>clickable area</a>");
iframeBody.on("click", "a", function(){
alert(22222);
});
document.getElementsByTagName("div")[0].addEventListener("click", function(event){
alert(11111);
}, true);
});
$('iframe').attr("src","JavaScript:'iframe content'");
我的问题很明确。 当我尝试点击 iframe 'a' 标签时,为什么我没有收到警报 (11111)? 为什么不保持事件冒泡,通过代码访问事件冒泡的方式有哪些?
另请引用 Fiddle link