HTML ondblclick イベント属性

例

ボタンがダブルクリックされたときに JavaScript を実行します：

<button ondblclick="myFunction()">Double-click me</button>

定義と用法

ondblclick 属性は、要素をマウスでダブルクリックしたときに発火します。

ブラウザ・サポート

イベント属性
ondblclick	Yes	Yes	Yes	Yes	Yes

HTML 4.01 と HTML5 の相違点

なし。

構文

<element ondblclick="script">

属性値

値	説明
script	script は ondblclick で実行される

技術的詳細

サポートする HTML タグ：	次の要素を除くすべての HTML 要素： <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>

その他の例

例

Double-<p> 要素をクリックすると、テキストの色が赤に変わります：

<p id="demo" ondblclick="myFunction()">Double-click me to change my text color.</p>

<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>

Try it Yourself ❯

例

入力フィールドから別の入力フィールドへテキストをコピーするためにボタンをダブルクリックしてください：

<button ondblclick="myFunction()">Copy Text</button>

<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>