ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript DOM イベントの追加_JavaScript のヒント

JavaScript DOM イベントの追加_JavaScript のヒント

WBOY
WBOYオリジナル
2016-05-16 18:56:011067ブラウズ

DOM をサポートするブラウザの場合、イベントを追加するには、addEventListener() メソッドを使用してオブジェクトにイベントを追加する必要があるためです。
MSIE の場合、オブジェクトにイベントを追加するには、attachEvent() が使用されます。このため、コンテナを使用して、これら 2 つの異なるブラウザにイベント処理メソッドをロードする必要があります。このようにして、addEvent() メソッドを直接呼び出してオブジェクトにイベントを追加できます。
もっと便利じゃないですか? !はは...
見てみましょう!
/**
* 要素にリスニングイベントを登録します
* @param {Object} ノード イベントを追加するオブジェクト
* @param {Object} type イベントタイプ
* @param {Object} リスナーイベントメソッド
*/
function addEvent(node, type,listener ) {
//前の方法を使用して互換性をチェックし、スムーズな機能低下を保証します
if(!(node = $ (node))) return false;

if(node.attachEvent) { // これは IE のメソッドです
node['e' typelistener] =
node[タイプ リスナー ] = function(){node['e' タイプ リスナー]( window.event );}
node.attachEvent( 'on' タイプ, ノード[タイプ リスナー] );
return true; >} else if (node.addEventListener) {
// これは DOM をサポートするブラウザ用のメソッドです
node.addEventListener( type,listener, false )
return true; > // どちらのメソッドも使用できない場合は、 false を返します。
window['liujinning']['addEvent'] = addEvent; >たとえば、ページの onload() にイベントを追加したい場合は、次のように記述できます:
liujingning.addEvent(window,'load',function(Event) { //必要なコードを記述しますここに書きます}
特定の ID にイベントを追加することもできます
var getId = document.getElementById('aa');
liujingning.addEvent(getId,'load',function(Event) { / /書くコードをここに書いてください}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。