gpt4 book ai didi

javascript - IFrame 中不会发生事件冒泡

转载 作者:太空宇宙 更新时间:2023-11-04 14:12:07 32 4
gpt4 key购买 nike

<分区>

我认为这是一个无辜的问题,但实际上我还不知道答案。

我们都知道,事件冒泡是将事件定向到它预定的目标,它的工作原理是这样的:一个按钮被点击,事件被定向到该按钮。如果为该对象设置了事件处理程序,则会触发该事件。如果没有为该对象设置事件处理程序,则该事件会向上冒泡(就像水中的气泡)到父对象。

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

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com