淺談Javascript事件對象
更新時間:2017年02月05日 18:04:04 作者:Jacky_wonder
本文主要介紹了Javascript事件對象的相關(guān)實例。具有一定的參考價值,下面跟著小編一起來看下吧
如果是事件處理函數(shù)綁定的函數(shù),瀏覽器會默認(rèn)傳遞一個參數(shù),而這個參數(shù)就是事件對象。
document.onclick = function() { alert(arguments.length); //1 }
因為arguments[0]這樣使用這個參數(shù)比較麻煩,所以我們可以傳遞一個參數(shù)evt來進(jìn)行使用。
document.onmouseup = function(evt) { var e = evt || window.event; alert(e.button); //0為鼠標(biāo)左鍵,1為滾輪,2為右鍵 //基于瀏覽器可視區(qū)左上角的位置 alert(e.clientX + ',' + e.clientY); //機(jī)器的分辨率 alert(window.screen.width + ',' + window.screen.height); // 離屏幕左上角的位置 alert(e.screenX + ',' + e.screenY); }
//偵測按鍵 document.onclick = function(evt) { alert(getKey(evt)); } function getKey(evt) { var e = evt || window.event; var keys = []; if (e.shiftKey) { keys.push('shift'); } if (e.ctrlKey) { keys.push('ctrl'); } if (e.altKey) { keys.push('alt'); } return keys; }
//鍵盤事件,keydown是按下任意鍵,keyup是彈起任意鍵,keypress按下字符鍵觸發(fā) //鍵碼:鍵盤上任意鍵,全兼容 //字符編碼:可以輸出的字符的鍵,IE不兼容 document.onkeydown=function(evt){ var e = evt || window.event; alert(e.keyCode); //keyCode返回鍵碼 } document.onkeypress = function(evt) { var e = evt || window.event; alert(e.charCode); //charCode返回字符鍵碼 } document.onclick = function(evt) { var e = evt || window.event; alert(e.target.innerHTML); //點到哪里target就選中哪個元素 }
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
相關(guān)文章
微信小程序?qū)W習(xí)筆記之登錄API與獲取用戶信息操作圖文詳解
這篇文章主要介紹了微信小程序?qū)W習(xí)筆記之登錄API與獲取用戶信息操作,結(jié)合實例形式分析了微信小程序登陸請求及后臺交互相關(guān)操作技巧,并結(jié)合圖文形式進(jìn)行說明,需要的朋友可以參考下2019-03-03通過學(xué)習(xí)bootstrop導(dǎo)航條學(xué)會修改bootstrop顏色基調(diào)
這篇文章主要介紹了通過學(xué)習(xí)bootstrop導(dǎo)航條學(xué)會修改bootstrop顏色基調(diào),需要的朋友可以參考下2017-06-06JavaScript類型檢測之typeof 和 instanceof 的缺陷與優(yōu)化
在javascript中,typeof 和 instanceof 是用來判斷數(shù)據(jù)類型比較通用的兩個方法,這篇文章的目的是通過對這兩個方法介紹來分析其存在的不足并提出優(yōu)化方案2016-01-01