JavaScript

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

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

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

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 文字列に改行を含める

文字列に改行を含めるサンプル2パターンです。 サンプルソース 例1)文字列に改行を含める(バックスラッシュで囲う方法) ...

[JavaScript] document.writeで出力した文字列にアンカーを設定する

document.writeで出力した文字列にアンカーを設定するサンプルです サンプルソース 例)文字列「備考」にアンカ ...

[JavaScript] 横位置を指定する(style.textAlign)

JavaScriptで横位置を指定するには、style.textAlignを使用します。 サンプルソース 例)ボタンを押 ...

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

タグ名からオブジェクトを取得するには、 document.getElementsByTagNameを使用します。 サンプ ...

[JavaScript] 文字列をエスケープする(escape)

文字列をエスケープするには、escapeを使用します。 サンプルソース 例)文字列「みかん」をエスケープする [cray ...

スポンサーリンク