HTMLイベント属性:onclick、onsubmit、イベントハンドリング

マウス、キーボード、フォーム、ドラッグ&ドロップ、タッチ、アニメーションイベントの全HTMLイベント属性リファレンス。インラインハンドラー vs addEventListenerパターンを理解します。

Event Handling

詳細な説明

HTMLイベント属性

HTMLイベント属性を使用すると、要素に直接イベントハンドラーをアタッチできます。インラインイベントハンドラーはすべてのHTML要素で使用できますが、モダンなベストプラクティスではJavaScriptのaddEventListenerの使用を推奨します。

マウスイベント、キーボードイベント、フォームイベント、モダンアプローチをカバーします。

ユースケース

イベントハンドリングは、あらゆるインタラクティブなWebアプリケーションの基本です。インラインイベント属性はプロトタイピングに便利ですが、本番アプリケーションではCSPコンプライアンス、保守性、テスト容易性のためにaddEventListenerを使用すべきです。

試してみる — HTML Element Reference

フルツールを開く