の 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 'Hello world' 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('heading').addEventListener('dblclick', fun); function fun() { document.getElementById('heading').innerHTML = ' Welcome to the javaTpoint.com '; }今すぐテストしてください
出力
テキストをダブルクリックした後、 'こんにちは世界' 、出力は次のようになります -