javascript ダブルクリックのイベントを取得する

javascript ダブルクリックのイベントを取得する

javascriptで、ondblclickを使って、ダブルクリックのイベントを取得するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

ondblclick使い方

ondblclickを利用して、ダブルクリックのイベントを取得します。

ondblclick使い方

イベントハンドラを登録する方法もあります。

ondblclick(イベントハンドラ)使い方

サンプルコード

以下は、
button要素とspan要素を、それぞれダブルクリックするとイベントを検知してテキストを変更する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

テキストが変更されていることが確認できます。