JavaScript

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

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

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

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] オートコンプリート付のテキストボックスを生成する

オートコンプリート付のテキストボックスを生成するサンプルです。 サンプルソース 例)オートコンプリート付のテキストボック ...

[JavaScript] 定数を定義する(const)

JavaScriptで定数を定義するには、constを使用します。 ※ECMAScript6以降対応ブラウザで使用可能で ...

[JavaScript] Submit時イベントを取得する(onSubmit)

Submit時イベントを取得するには、onsubmitイベントハンドラを使用します。 サンプルソース 例)Submit前 ...

[JavaScript] class名からオブジェクトを取得する

タグに付けられたclass名からオブジェクトを取得するには、 document.getElementsByClassNa ...

[JavaScript] 透過率を変更する(style.opacity)

JavaScriptで透過率を変更するには、style.opacityを使用します。 サンプルソース 例)id='tar ...

スポンサーリンク