jQuery中的事件處理:return false、阻止默認行為、阻止冒泡以及兼容性問題


轉自:http://wyqbailey.diandian.com/post/2012-07-12/40030551971

return false

在jQuery中,我們常用return false來阻止瀏覽器的默認行為,那”return false“到底做了什么?

當你每次調用”return false“的時候,它實際上做了3件事情:

  • event.preventDefault();

  • event.stopPropagation();

  • 停止回調函數執行並立即返回。

對,你沒看錯,return false確實做了這么多操作。它之所以被一再無誤用,是因為使用它后看起來像是完成了我們的阻止任務,並且語句也很簡單。

這3件事中用來阻止瀏覽器繼續執行默認行為的只有preventDefault,除非你想要停止事件冒泡,否則使用return false會為你的代碼埋下很大的隱患。

preventDefault()

大多數情況下,當你使用return false時,你其實真正需要的是e.preventDefault()。要使用e.preventDefault,你需要確保你傳遞了event參數到你的回掉函數中。它會替我們完成所有工作,但不會阻止父節點繼續處理事件,要記住,你放在代碼中的限制越少,你的代碼就越靈活,也就越易於維護。

但在使用中你會發現preventDefault有兼容性問題,老版本的IE並不理會這個方法,依然我行我素,此時我們需要一點兼容代碼來搞定IE:

       window.event.returnValue=  false;//返回值設為false
       window.event.keyCode = 0;//如果你想阻止鍵盤的默認行為,如F5,則這句也是需要的

stopPropagation()

有些情況下,你有可能需要停止事件冒泡,直接使用stopPropagation即可。

stopImmediatePropagation()

這個方法會停止對象上相關事件的繼續執行,即使當前的對象上還綁定了其它處理函數。有時你的代碼非常復雜,不同的widgets和plugin就有可能在同一個對象上添加事件,如果遇到這種情況,那你就很有必要理解和使用stopImmediatePropagation。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM