点击iFrame不是来自div

Question

我想点击iframe而不是点击此iframe中的Div。那我怎么能这样做呢？

如下图所示。我想捕获Div中的点击，但想跳过点击iframe。那怎么可能呢？

我知道

  

指针事件：无

适用于iFrame，但它也会禁用所有Iframe的孩子。

Answer 1

以下代码将帮助您实现这一目标。

$(document).ready(function() { 
$("#iframe").load(function(){
    var iframe = $('#iframe').contents();
iframe.find("div").click(function(e){ //if you dont have particular ID for div
    alert("The div with id "+e.target.id+" Got clicked");
    if(e.target.id = "expected_div_id") {
        //do something
        alert("i am inside");
    }
});
});
});

或按以下方式执行

$(document).ready(function() { 
$("#iframe").load(function(){
    var iframe = $('#iframe').contents();
iframe.find("#div_id").click(function(){ //if you have particular ID for div
    var div_id = $(this).attr('id');
    alert("The div with id "+div_id+" Got clicked");
    if(div_id = "expected_div_id") {
        //do something
        alert("i am doing something here");
    }
});
});
              });