javascript - 關(guān)于<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’); }我正在點擊這兩個事件時,發(fā)生了不一樣的情況?。繉τ赼元素:首先運行代碼,輸出console.log(’global’),之后點擊a描點元素,如圖:對于button元素:首先運行代碼,輸出console.log(’global’),之后點擊btn,如圖:
整體:
剛才有人說在他的環(huán)境里用Chrome是正常的,我把console換成了alert,還是照舊。我也是用的chrome。但是在IE上,不是這樣,運行后彈出全局的alert,點擊a標(biāo)簽后,先彈出函數(shù)里,后直接跳轉(zhuǎn)頁面了,不會有chrome里的情況。這咋回事兒呢!(編輯器:HBuilder)
PS:試寫一個輪播圖例子時候,用了a元素做箭頭按鈕,直接導(dǎo)致我的圖片無法切換55555(相當(dāng)于點擊a時候又執(zhí)行了一次全局作用域里的代碼。。。。)
問題解答
回答1:哈哈哈,真是個有意思的問題,看了一會會才發(fā)現(xiàn).是你的 a 標(biāo)簽沒有設(shè)定 href 屬性,點擊后會刷新頁面.相當(dāng)于: log global -> 點擊 log a ->刷新了又一遍 log global
第二個 global 沒有才是正常的, 你往 a 標(biāo)簽里設(shè)個 href='http://www.lshqa.cn/wenda/4968.html#' 看看.
另外請下次截圖字大點....眼睛不好差點看不清.
在a標(biāo)簽事件綁定函數(shù)里寫上event.preventDefault();
相關(guān)文章:
1. java - IDEA每個修改完代碼,重啟tomcat,但是似乎還是之前的代碼2. java類加載機(jī)制-類定義中new如何理解3. 小白問題getDay()4. android - 使用vue.js進(jìn)行原生開發(fā)如何進(jìn)行Class綁定5. java - c++ 經(jīng)常出現(xiàn)error LNK20196. 怎么在phpstudy中用phpexcel上傳數(shù)據(jù)到MYSQL?7. 大數(shù)據(jù)處理 - mysql百萬級記錄分頁查詢優(yōu)化方式有幾種方式?8. mySql排序,序號9. dump(Db::query(’SELECT * FROM `user`’));的時候提醒錯誤。10. mysql取模分表與分表
