マウスがダブルクリックされたときに実行するスクリプトを記述します。ondblclick属性は省略可能です。

使用例

次にondblclick属性の使用例を示します。

<button ondblclick="alert('ondblclick イベントが発生しました。')">
  ダブルクリック
</button>

次にondblclick属性の表示サンプルを示します。表示結果はブラウザによって異なることがあります。

イベントリスナー

ondblclick属性を使わずに、イベントリスナーを使ってイベント処理を行うこともできます。

<button type="button" id="btn">
  Button
</button>
<p>
  Event: <span id="evnt"></span>
</p>
<script>
  function setup(e) {
    e.addEventListener("click", function(){
      document.getElementById("evnt").innerHTML = "click";
    });
    e.addEventListener("dblclick", function(){
      document.getElementById("evnt").innerHTML = "dblclick";
    });
  }
  setup(document.getElementById("btn"));
</script>

Event: