Javascript事件對象

標籤：函數   innerhtml   相容   滾輪   處理   事件   use   on()   cli   

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

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事件對象