2015-03-02 110 views
1

我想點擊一個iframe,但不是從這個iframe中的div點擊。那我該怎麼做?通過iFrame點擊不是從div

像在下面的圖片。我想要捕獲Div中的點擊,但想要跳過點擊Iframe。那麼這怎麼可能?

IFrame Click through and Div Click enabled

我知道

指針的事件:無

適用於iFrame的,但它禁用所有iframe的孩子也是如此。

回答

0

以下代碼將幫助您做到這一點。

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

感謝Shridhar,但是,這是一個div點擊。當我點擊Iframe區域,然後需要Click through功能時,該怎麼辦? – VarunJi 2015-03-02 17:00:14

+0

如果你點擊iframe,那麼還有一個事件必須觸發?但我的上述解決方案將適用於您的問題。 – Shridhar 2015-03-02 17:03:07

+0

但我不想Iframe的任何鼠標事件意味着當我點擊Iframe時,Iframe不應該像在「指針事件:無」功能一樣關心鼠標事件。 – VarunJi 2015-03-02 17:05:42