javascript - 检测元素外部的点击(带框架)

Question

我有一个主页 (main.html)，它打开一个 iframe 页面 (iframe.html)。iframe 作为一种厚框窗口附加在 main.html 上。现在在这个 iframe.html 上，有一个div 元素“myDiv”，我需要检测此 myDiv 元素之外的点击。

脚本是在 iframe.html 中调用的 JS 中编写的

我已经尝试了一些方法(将事件绑定(bind)到文档并从 myDiv 中删除)，但那是行不通的..

$(document).click(function() {
  //your code here
});

$("#myDiv").unbind("click");

我不确定这个问题是否与 iframe 有关...

请帮帮我。谢谢。

Answer 1

你试过这样的事情吗？它监听对文档的所有点击，但仅当事件的目标不是 myDiv 元素时才触发您的代码。这样，您就可以判断点击是否在 myDiv 元素之外……我使用了 jQuery:


//分配一个文档监听器
$(文档).click(函数(e){

if( $(e.target).attr('id') != "myDiv")
{
 //在这里执行你的代码
  警报(e.target)； }
});

//分配一个元素监听器
$('#myDiv').live('click',function(){alert("clicked on myDiv")});

它还允许您将特定代码分配给 myDiv 元素，以便在用户直接单击 myDiv 元素时执行...