欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

淺談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)文章

最新評論