HTMLイベントハンドラー属性の使用を停止しaddEventListener()
、常に使用を開始する必要がありますか?
例:
<button id="mybutton">Click me</button>
<script>
var b = document.getElementById("mybutton");
b.onclick = function() { alert("Thanks for clicking me!"); };
b.addEventListener("click", function() { alert("Thanks again!"); }, false);
</script>
の使用をやめてonclick
、代わりにonchange
使い始めるべきaddEventListener()
ですか?
「すべき」は意見に基づく答えにつながります。:-)
客観的に、使用addEventListener
する利点は次のとおりです。
同じ要素の同じイベントに対して複数のハンドラーを持つことができます。
JavaScriptをHTMLからより効果的に切り離すことができます。構造セレクターまたはその他のセレクターを介して間接的に要素を見つけることにはまだ結合がありますが、少なくともHTMLにはJavaScriptの知識がありません。HTMLとJavaScriptの間のコントラクトを定義することで(たとえば、何かを追加する必要のあるボタンにadd-btn
クラスなどがあります)、コントラクト以上のことを知らなくても、さまざまなチームがHTMLとJavaScriptに取り組むことができます。
不利な点は、IE8を無視できない限り、ブラウザの違いを抽象化するライブラリを使用しない限り(そして、それはまだ膨大な数の人々によって使用されているため[ネットアプリケーションは2013年11月の時点で21.7%と言っています;統計カウンターは8.65と言っています% ]、ニッチなサイトだけがそれを無視することができます)、あなたはaddEventListener
/attachEvent
面倒を自分で処理しなければなりません。これは簡単で、1つのhookEvent
関数などを使用しますが、欠点があります。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加