HTMLondblclickイベント属性
例
ボタンがダブルクリックされたときにJavaScriptを実行します。
<button ondblclick="myFunction()">Double-click me</button>
定義と使用法
ondblclick属性は、要素をマウスでダブルクリックすると起動します。
ブラウザのサポート
| Event Attribute | |||||
|---|---|---|---|---|---|
| ondblclick | Yes | Yes | Yes | Yes | Yes |
構文
<element ondblclick="script">
属性値
| Value | Description |
|---|---|
| script | The script to be run on ondblclick |
技術的な詳細
| サポートされているHTMLタグ： | <base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style>、および<title>を除くすべてのHTML要素 |
|---|
その他の例
例
<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>
関連ページ
HTML DOMリファレンス：ondblclickイベント
❮HTMLイベント属性