• 本文
• リロード
• 差分
• バックアップ
• 名前変更
• リファラ
• 新規ページ
• 編集

JavaScript/イベント

JavaScript/イベント処理

Top / JavaScript / イベント処理

JavaScript/イベントフェーズ

• フェーズ
  • キャプチャフェーズ?
  • ターゲットフェーズ?
  • バブリングフェーズ?
• 操作
  • useCapture
  • event.stopPropagation

JavaScript/イベントオブジェクト

• IEとその他でイベントオブジェクト周りの挙動が違うので注意。

JavaScript/イベント名

アタッチの方法

HTML/イベント属性で設定

• <button onclick="alert(1)">button</button>

DOMのプロパティに代入

• 第1引数にイベントオブジェクト(JavaScript/event)が代入される

  let button = document.getElementById('xxx');
  button.プロパティ = イベントハンドラ;

attachEvent

• IE、Opera

addEventListener

• Netscape、Firefox、Safari、Opera

関連

• jQuery/イベント処理
• event.preventDefault
• event.stopPropagation

参考

• http://www.artemis.ac/contents/javascript/javascript12.htm