JavaScript

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

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

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

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:



comment

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

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

スポンサーリンク