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] 履歴の数を取得する(history.length)

履歴の数を取得するには、history.lengthを使用します。 サンプルソース 例)履歴の数を取得して、変数aに代入 ...

[JavaScript] 文字列の末尾の文字を削除する

文字列の末尾の文字を削除するサンプルです。 サンプルソース 例)文字列の末尾の文字を削除する [crayon-5bc75 ...

[JavaScript] モニターの利用可能なサイズを取得する(availWidth、availHeight)

モニターの利用可能なサイズを取得するには、screen.availWidth、screen.availHeight を使 ...

[JavaScript] 四捨五入、切り捨て、切り上げを行う

四捨五入、切り捨て、切り上げを行うサンプルです。 四捨五入を行う 四捨五入は、Math.roundを使用します。 [cr ...

[JavaScript] 文字列の前後の空白を取り除く

文字列の前後の空白を取り除く(トリム処理)を行うサンプルです。 トリム処理には、trim関数を使用します。 サンプル 例 ...

スポンサーリンク