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] マウスが移動したイベントを取得する(onMouseMove)

マウスが移動したイベントを取得するには、onmousemoveを使用します。 サンプルソース 例)divタグ(id="a ...

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

文字列をアンエスケープするには、unescapeを使用します。 サンプルソース 例)文字列「%u307F% ...

[JavaScript] ページのタイトルを取得する(document.title)

表示中のページのタイトルを取得するには、document.titleを使用します。 サンプルソース 例)表示中ページのタ ...

[JavaScript] オブジェクトが配列かどうか判定する

オブジェクトが配列かどうか判定するサンプルです。 サンプル instanceofを使う方法と、Array.isArray ...

[JavaScript] 枠線を設定する

JavaScriptで枠線を設定するサンプルです。 サンプルソース 例)ボタンを押すごとにid="target"要素の枠 ...

スポンサーリンク