JavaScript

[JavaScript] イベントハンドラを設定する

投稿日:2016年10月21日 更新日:

イベントハンドラはHTMLタグに「onclick="~"」のように記述することが多いですが、 JavaScriptで動的にイベントハンドラを指定することも可能です。

イベントハンドラを動的に設定する

例)画面Load時、id="btn1"要素のクリックイベントに「func1()」の呼出しを設定する

解説

  • JavaScript側でイベントハンドラを設定すると、HTML側のソースはタグのみとなって、コードをとてもすっきりさせることができます。
  • イベントハンドラには以下のようなプロパティが指定できます。
プロパティ意味
onclickClickイベント
onfocusFocusイベント
onblurBlurイベント
onchangeChangeイベント
onloadLoadイベント
onunloadUnloadイベント
onsubmitSubmitイベント

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] URLのホスト名を取得する(location.hostname)

URLのホスト名を取得するには、location.hostnameを使用します。 サンプルソース 例)現在のページのUR ...

[JavaScript] 全角カナ→半角カナに変換する

全角カナ→半角カナに変換するFunctionです。 サンプルソース 例)全角カナ文字を半角カナ文字に変換する [cray ...

[JavaScript] チェックボックスのチェック状態を取得する

チェックボックスのチェック状態を取得するサンプルです。 サンプルソース 例)ボタンを押すとチェックボックスの状態をアラー ...

[JavaScript] オンラインかどうかチェックする

JavaScriptでオンラインかどうかチェックするには、navigator.onLineを使用します。 サンプル 例) ...

[JavaScript] テキストの選択開始時イベントを取得する(onSelectStart)

テキストの選択開始時イベントを取得するには、onselectstartを使用します。 IE、Edgeでのみ動作します。 ...

スポンサーリンク