jQuery中的事件處理：return false、阻止預設行為、阻止冒泡以及相容性問題

標籤：http   io   os   使用   strong   問題   sp   代碼   on   

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

jQuery中的事件處理：return false、阻止預設行為、阻止冒泡以及相容性問題