コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

JavaScript イベントハンドラ

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

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

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

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript, イベントハンドラ

執筆者:


comment

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

関連記事

[JavaScript] 文字のASCIIコードを取得する

文字のASCIIコードを取得するには、charCodeAtを使用します。 サンプルソース charCodeAtの引数には ...

[JavaScript] パスワード用にランダムな文字列を生成する

ランダムな文字列を作成するサンプルです。 サンプルソース 例)半角英数字と一部記号からランダムな8桁文字列を生成する [ ...

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

タグに付けられたname名からオブジェクトを取得するには、 document.getElementsByNameを使用し ...

[JavaScript] 演算子のまとめ

JavaScriptの演算子をまとめました。 ど忘れした時にどうぞ(;'∀') 算術演算子 演算子意味例 +加算2 + ...

[JavaScript] 条件がfalseの場合のみコンソールに出力する(console.assert)

条件がfalseの場合のみコンソールに出力するには、console.assertを使用します。 サンプルソース 例)co ...

スポンサーリンク