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里的情況。這咋回事兒呢!(編輯器:HBuilder)
PS:試寫一個輪播圖例子時候,用了a元素做箭頭按鈕,直接導致我的圖片無法切換55555(相當于點擊a時候又執行了一次全局作用域里的代碼。。。。)
問題解答
回答1:哈哈哈,真是個有意思的問題,看了一會會才發現.是你的 a 標簽沒有設定 href 屬性,點擊后會刷新頁面.相當于: log global -> 點擊 log a ->刷新了又一遍 log global
第二個 global 沒有才是正常的, 你往 a 標簽里設個 href='http://m.cgvv.com.cn/wenda/4968.html#' 看看.
另外請下次截圖字大點....眼睛不好差點看不清.
在a標簽事件綁定函數里寫上event.preventDefault();
相關文章:
1. html - vue項目中用到了elementUI問題2. showpassword里的this 是什么意思?代表哪個元素3. JavaScript事件4. javascript - 數組的過濾和渲染5. 注冊賬戶文字不能左右分離6. javascript - table列過多,有什么插件可以提供列排序和選擇顯示列的功能7. python - 為什么正常輸出中文沒有亂碼,zip函數之后出現中文編程unicode編碼的問題,我是遍歷輸出的啊。8. 對mysql某個字段監控的功能9. python - 使用readlines()方法讀取文件內容后,再用for循環遍歷文件與變量匹配時出現疑難?10. html5 - ElementUI table中el-table-column怎么設置百分比顯示。
