logo

JavaScript dblclick イベント

dblclick イベントは要素をダブルクリックするとイベントを生成します。このイベントは、要素が非常に短い時間内に 2 回クリックされると発生します。 JavaScript も使用できます addEventListener() ダブルクリックイベントを発生させるメソッド。

HTML では、 オンドブルクリック 属性を使用してダブルクリック イベントを作成します。

構文

ここで、HTML と JavaScript (使うことなく addEventListener() メソッドまたはを使用して、 addEventListener() 方法)。

HTMLの場合

 

JavaScriptの場合

 object.ondblclick = function() { myScript }; 

JavaScript で addEventListener() メソッドを使用する

 object.addEventListener('dblclick', myScript); 

ダブルクリック イベントを理解するために、いくつかの図を見てみましょう。

例 - HTML での ondblclick 属性の使用

この例では、HTML を使用してダブルクリック イベントを作成しています。 オンドブルクリック 属性。

C++で文字列を分割する
 <h2> Double Click the text &apos;Hello world&apos; to see the effect. </h2> <p> This is an example of creating the double click event using the <b> addEventListener() method </b> . </p> document.getElementById(&apos;heading&apos;).addEventListener(&apos;dblclick&apos;, fun); function fun() { document.getElementById(&apos;heading&apos;).innerHTML = &apos; Welcome to the javaTpoint.com &apos;; } 
今すぐテストしてください

出力

JavaScript dblclick イベント

テキストをダブルクリックした後、 'こんにちは世界' 、出力は次のようになります -

JavaScript dblclick イベント