Javascript事件の対象について


イベントハンドラの関数が結合されている場合、ブラウザはデフォルトでパラメータを転送します。このパラメータはイベントオブジェクトです。

document.onclick = function() {
 alert(arguments.length); //1
}
このパラメータを使うのは面倒なので、一つのパラメータ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       
 }

以上が本文の全部です。本文の内容は皆さんの学習や仕事に一定の助けをもたらしてくれると同時に、私達を応援してください。