单击iFrame而不是从div

我想点击一个iframe，但不是点击这个iframe中的Div。那我该怎么做呢

如下图所示。我想在Div中捕获单击，但想跳过Iframe中的单击。那么这怎么可能呢

我知道

指针事件：无

---

应用于iFrame，但它也会禁用所有iFrame的子项。

以下代码将帮助您做到这一点

$(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");
    }
});
});
              });

---

谢谢Shridhar，但这是一个div点击。当我点击Iframe区域，然后我需要点击其中的功能，如果你点击Iframe，那么还有一个事件需要触发呢？但我的上述解决方案可以解决您的问题。但我不希望Iframe出现任何鼠标事件，这意味着当我单击Iframe时，Iframe不应该像“指针事件：无”功能中那样关心鼠标事件。