javascript - html中阻止默認事件
問題描述
<!DOCTYPE HTML><html lang='en-US'><head> <meta charset='UTF-8'> <title></title></head><body> <a onclick = 'return f1()'>騰訊</a> <script type='text/javascript'>//定義f1函數function f1(){ console.log( ’騰訊被點擊了’); return false;}</script></body></html>
問題解答
回答1：onclick是個函數，不return就是沒有返回值，怎么阻止默認事件？跟你f1是否return沒有關系
回答2：能不能阻止默認行為是看onclick函數的返回值，有return的時候，返回f1的返回值false。
不寫return的onlick處理函數如下，此時的返回值因為沒有return語句，所以默認返回undefined
瀏覽器會對頁面元素的某些元素產生默認行為。比如一個 a 鏈接點擊之后，會自動跳轉至對應 href 地址網頁去；又如一個表單，當你點擊 提交 按鈕之后，默認會將數據發送至 form 的 action 地址去。這些都是瀏覽器的處理頁面元素的默認行為，當 onlick = 'return false' 時，會禁止掉這種瀏覽器的默認行為。故而你的這段代碼并不會跳轉至 騰訊首頁 去。<a onclick = 'return f1()'>騰訊</a> function f1(){console.log( ’騰訊被點擊了’);return false; }
另外，你應該善用搜索引擎，百度一下，第一條就可以解決掉你的困惑，地址如下：https://zhidao.baidu.com/ques... 。望共同進步，共勉之~
回答4：<a onclick='myFun(event)'>123</a>function myFun(e) { e.preventDefault(); console.log(12313123)}
這樣豈不是更簡單。。。。用e.preventDefault();來阻止
還有，既然要阻止，干嘛還要在頁面上寫上鏈接。。。
回答5：onclick屬性的值是js代碼，return f1()，如果f1()返回false的話，return f1()就代表return false。當然，這個return是有點多余，但是語法也沒錯。只要語法沒錯，實現了就行。
相關文章：
1. 如何解決docker宿主機無法訪問容器中的服務？2. 請問關于 Java static 變量的問題?3. 跨類調用后，找不到方法4. 頁面用CSS3的scale屬性進行了縮放，圖片模糊解決不了，那么字體能否讓它們不模糊呢？5. javascript - 微信IOS頁面中input type=number輸入數字無法顯示，安卓顯示正常6. 淺談vue生命周期共有幾個階段？分別是什么？7. javascript - 動態添加路由報錯8. ios - Crash Log 里關于微信SDK的問題9. javascript - hash為什么可以做路由跳轉，不會刷新頁面10. $( "html" ).parent()方法返回一個包含document的集合，而$( "html" ).parents()返回一個空集合 哪位大神來解釋下？
網公網安備