JavaScript

[JavaScript] クリック イベントを取得する(onClick)

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

クリックイベントを取得するには、onclickイベントハンドラを使用します。

サンプルソース

ボタンを押すとアラートを表示するサンプルです。
タグにonclickを記述する方法(1パターン)と、記述しない方法(2パターン)の計3通りの書き方ができます。

例1)タグにonclickを記述する方法

例2)タグにonclickを記述しない方法(onclickを使う)

例3)タグにonclickを記述しない方法(addEventListenerを使う)

実行サンプル

↓クリックすると、アラートが表示されます。


↓divタグにonclickを設定することもできます。

ここもクリックできます。

解説

  • divタグやアンカーや画像など、ボタンでなくてもonclickを設定できます。
  • onclickでイベントが発生するのは、マウスボタンを押し下げた時点では無く、押して離した時点です。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 要素のwidth、heightを取得する

要素のwidth、heightを取得するサンプルです。 サンプルソース 例)ボタンをクリックするとid="dv1"要素の ...

[JavaScript] 文字列の指定位置に文字を挿入・削除する

文字列の指定位置に文字を挿入・削除するサンプルFunctionです。 文字列の指定位置に文字を挿入する 例)文字を挿入す ...

[JavaScript] セレクトボックスを未選択状態にする

セレクトボックスを未選択状態にするには、selectedIndexに -1 をセットすればOKです。 サンプルソース 例 ...

[JavaScript] 半角(ASCII)文字チェックを行う

半角文字チェックを行うサンプルFunctionです。 サンプルソース 例)値が半角英数記号の場合はtrueを返す(空文字 ...

[JavaScript] モーダルダイアログを使う(window.showModalDialog)

モーダルダイアログを使うには、window.showModalDialogを使用します。 ※モーダルダイアログはセキュリ ...

スポンサーリンク