HTMLれるondblclickイベント属性

例

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

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

定義と使用法

ondblclickマウスの属性火災は、要素をダブルクリックします。

ブラウザのサポート

イベント属性
ondblclick	はい	はい	はい	はい	はい

HTML 4.01とHTML5の違い

なし。

構文

<elementondblclick=" script ">

属性値

値	説明
script	れるondblclick上で実行するスクリプト

技術的詳細

サポートされているHTMLタグ：	：以外のすべてのHTML要素、 <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> 、および<title>

その他の例

例

ダブルクリックし<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>

»それを自分で試してみてください

例

別の入力フィールドに入力フィールドからテキストをコピーするには、ボタンをダブルクリックします。

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

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