.ondblclick

現在の要素上のonDblClickイベントハンドラのコードを返します。また、現在の要素に対してonDblClickイベントハンドラの関数を割り当てます。

文法

element.ondblclick = function;

functionには、()及び引数の無いユーザー定義関数の名前、 または下記のように定義された無名関数を指定します。

element.ondblclick = function() {
  alert("ondblclickイベントを検知!");
};

<html>

<head>
<title>ondblclick event example</title>

<script type="text/javascript">

function initElement()
 {
 var p = document.getElementById("foo");
 // 注意: showAlert();またはshowAlert(param);はここでは動作しません。
 // 関数の呼び出しでは無く、関数名への参照にしなければいけません。
 p.ondblclick = showAlert;
 };

function showAlert()
 {
 alert("ondblclickイベントを検知!")
 }
</script>

<style type="text/css">
<!--
#foo {
border: solid blue 2px;
}
-->
</style>
</head>

<body onload="initElement()">
<span id="foo">My Event Element</span>
<p>上の要素をダブルクリックしてください。</p>
</body>
</html>

注意事項

ユーザーが要素をダブルクリックした際に、dblclickイベントが発生します。

仕様

DOMレベル0。 仕様の一部ではありません。

 Back to top

© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.

このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
  • 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
  • MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。