給事件處理函數添加 return false的作用是什麼?

這是參考鏈接

事件處理函數返回的值決定了瀏覽器的默認行爲是否會發生。
如果返回的值是false(默認情況是true),那麼就取消瀏覽器原有的的默認行爲, 是的,瀏覽器是有默認行爲的,如:

  • 點擊鏈接會觸發導航
  • 右擊鼠標會顯示文本菜單
  • ……..

舉個很容易理解的例子:

<a href = "https://www.baidu.com/" onclick = "return (confirm('確定要訪問百度嗎?'))">百度一些,你就知道</a>
/*
我們知道confirm()是一種彈出框,在彈出框中選擇"確認",confirm()返回的值是true 此時會默認瀏覽器的行爲:訪問百度鏈接;
若選擇"取消"則返回的是fasle,那麼這就會取消瀏覽器的默認行爲,就不會訪問鏈接,
當然可以直接寫:onclick = "myFunction() return false"
這樣就可以取消瀏覽器的默認行爲,執行自己的myFunction()
可以親自試一試
*/

但是現在更常用的方式是調用event.preventDefault(),這個會在下一章節再說。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章