淺談Javascript事件對(duì)象
如果是事件處理函數(shù)綁定的函數(shù),瀏覽器會(huì)默認(rèn)傳遞一個(gè)參數(shù),而這個(gè)參數(shù)就是事件對(duì)象。
document.onclick = function() { alert(arguments.length); //1 }
因?yàn)閍rguments[0]這樣使用這個(gè)參數(shù)比較麻煩,所以我們可以傳遞一個(gè)參數(shù)evt來(lái)進(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); }
//偵測(cè)按鍵 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); //點(diǎn)到哪里target就選中哪個(gè)元素 }
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
javascript之循環(huán)停頓上下滾動(dòng)
javascript之循環(huán)停頓上下滾動(dòng)...2007-08-08微信小程序?qū)W習(xí)筆記之登錄API與獲取用戶信息操作圖文詳解
這篇文章主要介紹了微信小程序?qū)W習(xí)筆記之登錄API與獲取用戶信息操作,結(jié)合實(shí)例形式分析了微信小程序登陸請(qǐng)求及后臺(tái)交互相關(guān)操作技巧,并結(jié)合圖文形式進(jìn)行說(shuō)明,需要的朋友可以參考下2019-03-03JS實(shí)現(xiàn)的頁(yè)面自定義滾動(dòng)條效果
這篇文章主要介紹了JS實(shí)現(xiàn)的頁(yè)面自定義滾動(dòng)條效果,涉及JavaScript結(jié)合css設(shè)置頁(yè)面滾動(dòng)條樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10通過(guò)學(xué)習(xí)bootstrop導(dǎo)航條學(xué)會(huì)修改bootstrop顏色基調(diào)
這篇文章主要介紹了通過(guò)學(xué)習(xí)bootstrop導(dǎo)航條學(xué)會(huì)修改bootstrop顏色基調(diào),需要的朋友可以參考下2017-06-06JavaScript類型檢測(cè)之typeof 和 instanceof 的缺陷與優(yōu)化
在javascript中,typeof 和 instanceof 是用來(lái)判斷數(shù)據(jù)類型比較通用的兩個(gè)方法,這篇文章的目的是通過(guò)對(duì)這兩個(gè)方法介紹來(lái)分析其存在的不足并提出優(yōu)化方案2016-01-01