淺談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;
}
//鍵盤(pán)事件,keydown是按下任意鍵,keyup是彈起任意鍵,keypress按下字符鍵觸發(fā)
//鍵碼:鍵盤(pán)上任意鍵,全兼容
//字符編碼:可以輸出的字符的鍵,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與獲取用戶(hù)信息操作圖文詳解
這篇文章主要介紹了微信小程序?qū)W習(xí)筆記之登錄API與獲取用戶(hù)信息操作,結(jié)合實(shí)例形式分析了微信小程序登陸請(qǐng)求及后臺(tái)交互相關(guān)操作技巧,并結(jié)合圖文形式進(jìn)行說(shuō)明,需要的朋友可以參考下2019-03-03
JS實(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-06
JavaScript類(lèi)型檢測(cè)之typeof 和 instanceof 的缺陷與優(yōu)化
在javascript中,typeof 和 instanceof 是用來(lái)判斷數(shù)據(jù)類(lèi)型比較通用的兩個(gè)方法,這篇文章的目的是通過(guò)對(duì)這兩個(gè)方法介紹來(lái)分析其存在的不足并提出優(yōu)化方案2016-01-01
在js文件中寫(xiě)el表達(dá)式取不到值的原因及解決方法
在js文件中寫(xiě)el表達(dá)式取不到值,百度一下,將經(jīng)驗(yàn)總結(jié)如下,有類(lèi)似情況的朋友可以參考下2013-12-12

