Border的快樂生活記錄

今天來跟大家分享一個看似簡單  但又有點困難的 jquery偵聽事件

在實務上應該很常用到  點擊頁面的任何一個地方之後   就做什麼事情

於是我們都會這樣寫

 

$(document).ready(function() {
    
    $("body").bind("click",function(e){

       // 做什麼事情

       e.stopPropagation();
    });

    
});

 

e.stopPropagation();  是防止氣泡事件

這看似蠻合理  一般在win桌機或者android瀏覽器都應該沒問題

但是   但是

到了IOS的作業系統   這個偵聽就不會動了

這個實在是IOS的一個bug  應該叫賈伯斯起來修正一下

解決方式很簡單  在底下這樣寫

 

$(document).ready(function() {
    
    $("body").bind("click",function(e){

       // 做什麼事情

       // 防止氣泡事件
       e.stopPropagation();
    });
    
    // 解決IOS偵聽的bug
    $("body > *").on("click", function(){});
    
});

 

如果有遇到相同問題的朋友   請試試

感謝