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] HTMLタグの属性値を取得する(getAttribute)

HTMLタグの属性値を取得するには、getAttributeを使用します。 HTMLタグの属性値を取得する 例)id=" ...

[JavaScript] タグ名を取得する(.tagName)

JavaScriptでタグ名を取得するには、.tagNameを使います。 サンプルソース 例)id="dv1"オブジェク ...

[JavaScript] ウィンドウを閉じる

ウィンドウを閉じるには、window.close()を使用します。 サンプルソース 例)自分自身のウィンドウを閉じる [ ...

[JavaScript] コンソールで処理時間を計測する(console.time、console.timeEnd)

コンソールで処理時間を計測するには、console.time~console.timeEndを使用します。 サンプルソー ...

[JavaScript] HTML内の文字を動的に変更する(innerText)

HTML内の文字を動的に変更するには、innerTextを使用します。 HTML内の文字を動的に変更するサンプル 例)i ...

スポンサーリンク