javascript - 關于<a>元素與<input>元素的JS事件運行問題
問題描述
window.onload = function () {var a = document.getElementById('a');var btn = document.getElementById('btn');function aFn () { console.log('aFn');}function btnFn () { console.log(’btnFn’);}a.onclick = function () { aFn();}btn.onclick = function() { btnFn();}console.log(’global’); }我正在點擊這兩個事件時,發生了不一樣的情況!?對于a元素:首先運行代碼,輸出console.log(’global’),之后點擊a描點元素,如圖:對于button元素:首先運行代碼,輸出console.log(’global’),之后點擊btn,如圖:

整體:
剛才有人說在他的環境里用Chrome是正常的,我把console換成了alert,還是照舊。我也是用的chrome。但是在IE上,不是這樣,運行后彈出全局的alert,點擊a標簽后,先彈出函數里,后直接跳轉頁面了,不會有chrome里的情況。這咋回事兒呢?。ň庉嬈鳎篐Builder)
PS:試寫一個輪播圖例子時候,用了a元素做箭頭按鈕,直接導致我的圖片無法切換55555(相當于點擊a時候又執行了一次全局作用域里的代碼。。。。)
問題解答
回答1:哈哈哈,真是個有意思的問題,看了一會會才發現.是你的 a 標簽沒有設定 href 屬性,點擊后會刷新頁面.相當于: log global -> 點擊 log a ->刷新了又一遍 log global
第二個 global 沒有才是正常的, 你往 a 標簽里設個 href='http://m.b3g6.com/wenda/4968.html#' 看看.
另外請下次截圖字大點....眼睛不好差點看不清.
在a標簽事件綁定函數里寫上event.preventDefault();
相關文章:
1. docker 17.03 怎么配置 registry mirror ?2. javascript - sublime快鍵鍵問題3. javascript - immutable配合react提升性能?4. DADB.class.php文件的代碼怎么寫5. javascript - html5多個label中其中一個觸發change,如何判斷是哪一個出發了change6. phpstudy8.1支持win11系統嗎?7. mysql事務回滾定位8. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~9. 實現bing搜索工具urlAPI提交10. 配置Apache時,添加對PHP的支持時語法錯誤

網公網安備