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’); }我正在點擊這兩個事件時，發生了不一樣的情況?。繉τ赼元素：首先運行代碼，輸出console.log(’global’)，之后點擊a描點元素，如圖：對于button元素：首先運行代碼，輸出console.log(’global’)，之后點擊btn，如圖：

整體：

剛才有人說在他的環境里用Chrome是正常的，我把console換成了alert，還是照舊。我也是用的chrome。但是在IE上，不是這樣，運行后彈出全局的alert，點擊a標簽后，先彈出函數里，后直接跳轉頁面了，不會有chrome里的情況。這咋回事兒呢！（編輯器：HBuilder）

PS：試寫一個輪播圖例子時候，用了a元素做箭頭按鈕，直接導致我的圖片無法切換55555（相當于點擊a時候又執行了一次全局作用域里的代碼。。。。）

問題解答

哈哈哈,真是個有意思的問題,看了一會會才發現.是你的 a 標簽沒有設定 href 屬性,點擊后會刷新頁面.相當于: log global -> 點擊 log a ->刷新了又一遍 log global

第二個 global 沒有才是正常的, 你往 a 標簽里設個 href='http://www.wxshucaidpc.com/wenda/4968.html#' 看看.

另外請下次截圖字大點....眼睛不好差點看不清.

在a標簽事件綁定函數里寫上event.preventDefault();