小編給大家分享一下Javascript事件對(duì)象的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括高安網(wǎng)站建設(shè)、高安網(wǎng)站制作、高安網(wǎng)頁制作以及高安網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，高安網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到高安省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

如果是事件處理函數(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來進(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è)元素
 }

以上是“Javascript事件對(duì)象的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！