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] 要素の全プロパティをコンソールに出力する(console.dir)

要素の全プロパティをコンソールに出力するには、console.dirを使用します。 サンプルソース 例)要素(id="t ...

[JavaScript] 配列をソートする(.sort)

配列をソートするには、.sort()を使用します。 サンプル 例)配列をソートする [crayon-5cbf1940f1 ...

[JavaScript] URLのパス名を取得する(location.pathname)

URLのパス名を取得するには、location.pathnameを使用します。 サンプルソース 例)現在のページのURL ...

[JavaScript] 値の比較について

JavaScriptで値の比較をする場合に「==」を使うときは注意が必要です。 「==」での比較サンプル 「==」での比 ...

[JavaScript] JavaScriptの型

JavaScriptではvarで変数宣言するのであまり型を意識しないかもしれませんが、 内部的には以下の型が自動で判定さ ...

スポンサーリンク