Movatterモバイル変換


[0]ホーム

URL:


素人がプログラミングを勉強していたブログ

プログラミング、セキュリティ、英語、Webなどのブログ since 2008

連絡先: twitter: @javascripter にどうぞ。

この広告は、90日以上更新していないブログに表示しています。

handleEvent、addEventListener

addEventListenerの第二引数は、関数以外にも、handleEventをメソッドとして持ったオブジェクトも渡すことが出来る。

window.addEventListener("click",{  handleEvent:function (e){    console.log(e);}},false);

また、この仕様を利用すると、

({  run:function (){window.addEventListener("click",this,false);this.counter = 0;},  handleEvent:function (){this.counter++if (this.counter < 3)alert(this.counter +"clicked!");elsethis.destroy();},  destroy:function (){window.removeEventListener("click",this,false);}}).run();

と書けて、(function(){ function onclick() {} /*...*/ })();とするよりきれいで便利。
Document Object Model Events
element.addEventListener - MDN

Search

引用をストックしました

引用するにはまずログインしてください

引用をストックできませんでした。再度お試しください

限定公開記事のため引用できません。

読者です読者をやめる読者になる読者になる

[8]ページ先頭

©2009-2025 Movatter.jp