点击 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");
    }
});
});
              });