HTMLからイベントハンドラを切り離す！救世主イベントリスナー - Noise of Web Programming
前回イベントハンドラについて書いた。 JavaScriptのイベントハンドラをまとめてみた このイベントハンドラなのだがやや問題があり、今回紹介するイベントリスナーを使ったほうが良いということを学んだので、まとめてみる。 イベントハンドラをHTMLから切り離す まずはこの点について。僕の意見としてはHTML内にJavaScriptを混ぜ込ませるというのが、何とも気持ち悪い。またHTMLコードが長くなると保守性も悪くなるだろう。というわけでイベントハンドラをJavaScript部分に書けないかと思っていたところ、以下の記事を見つけた。 イベントハンドラをHTMLから分離する 基本サンプル window.onloadを使い、HTML読み込み後にJavaScriptを実行することで要素へイベントをセットすることが出来る。例えばこんな感じ。 <script> window.onload = fun
JavaScriptのイベントハンドラ一覧｜イベント｜JavaScript/DOM｜PHP & JavaScript Room
イベントハンドラ一覧 onBlur／onFocus〔フォーカスが移動した時に処理を行う〕 onChange〔フォームの入力値、選択が変更されたときに処理を行う〕 onSelect／onSelectStart〔テキストが選択された時に処理を行う〕 onSubmit／onReset〔フォームの送信時、リセット時に処理を行う〕 onAbort／onError〔画像読み込み時に処理を行う〕 onLoad／onUnload〔ページ読み込み時、ページの切り替え時に処理を行う〕 onClick／onDblClick〔クリック、ダブルクリックされた時に処理を行う〕 onKeyPress／onKeyDown／onKeyUp〔キーの状態に応じて処理を行う〕 onMouseOut／onMouseOver／onMouseDown／onMouseUp〔マウスを乗せたり離した時、マウスでクリックした時に処理を行う〕
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
