Javascript事件對象的示例分析

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

如果是事件處理函數綁定的函數，瀏覽器會默認傳遞一個參數，而這個參數就是事件對象。

document.onclick = function() {
 alert(arguments.length); //1
}

因為arguments[0]這樣使用這個參數比較麻煩，所以我們可以傳遞一個參數evt來進行使用。

document.onmouseup = function(evt) {
 var e = evt || window.event;
 alert(e.button); //0為鼠標左鍵，1為滾輪，2為右鍵
 //基于瀏覽器可視區左上角的位置
 alert(e.clientX + ',' + e.clientY);
 //機器的分辨率
 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按下字符鍵觸發
//鍵碼：鍵盤上任意鍵,全兼容
//字符編碼：可以輸出的字符的鍵，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就選中哪個元素
 }

以上是“Javascript事件對象的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！