轉自: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。
