JavaScript イベントリスニングのサンプルコード [IE、Firefox 対応] comments_javascript スキル付き

<title>JavaScript イベント監視の完全な例 (コメントを含む)</title> <meta name="generator" content="editplus"> <meta name="Keywords" content="AddEventHandler,addEventListener,attachEvent,appendChild,getElementsByTagNamem,createElement,createTextNode,IE与FF兼容性,JavaScript事件,JavaScript监听"> <style type="text/css"> * { margin:0px; padding:0px; } div { margin:10px auto; width:690px; border:solid 1px #000; min-height:600px; padding:20px; } div p { padding:4px; margin-left:4px; margin-top:4px; border:solid 1px blue; width:100px; float:left; } pre{ margin:20px 0 0 0; } a { text-indent:4em; } </style> <div> </div>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]

addEventListenerはい、IE ではattachEvent を使用する必要があります。
FireFox では正常に動作するのに、IE ではエラーが報告されるのはなぜなのか、まだ疑問に思っています。
IE および FireFox イベント リスニング オブジェクトの処理:
var oEventUtil = new Object();
oEventUtil.AddEventHandler = function(oTarget,sEventType,fnHandler)
{
if(oTarget.addEventListener ) {
oTarget.addEventListener(sEventType,fnHandler,false);
} else if(oTarget.attachEvent){
oTarget.attachEvent('on' sEventType,fnHandler);
oTarget['on' sEventType] = fnHandler;
}
};
Script House 編集者のメモ: 一般的には問題ありませんが、実際の使用では、イベント オブジェクトの場合、
oEventUtil.AddEventHandler(document.getElementById("jb51"),'click',oT);を使用します