files/fr/web/api/globaleventhandlers/ondblclick/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

---
title: element.ondblclick
slug: Web/API/GlobalEventHandlers/ondblclick
tags:
  - DOM
  - DOM_0
  - Référence_du_DOM_Gecko
translation_of: Web/API/GlobalEventHandlers/ondblclick
---
<p>{{ ApiRef() }}</p>
<h3 id="R.C3.A9sum.C3.A9">Résumé</h3>
<p>La propriété <b>ondblclick</b> renvoie le gestionnaire d'évènement <code>dblclick</code> de l'élément courant.</p>
<h3 id="Syntaxe">Syntaxe</h3>
<pre class="eval">element.ondblclick = nomDeFonction;
</pre>
<ul>
 <li><code>nomDeFonction</code> est le nom d'une fonction définie par l'utilisateur, sans les parenthèses ni aucun paramètre. Il peut également s'agir d'une déclaration de fonction anonyme, comme :</li>
</ul>
<pre class="eval">element.ondblclick = function() { alert("Évènement dblclick détecté"); };
</pre>
<h3 id="Exemple">Exemple</h3>
<pre>&lt;html&gt;

&lt;head&gt;
&lt;title&gt;ondblclick event example&lt;/title&gt;

&lt;script type="text/javascript"&gt;

function initElement() {
 var p = document.getElementById("foo");
 // Attention : showAlert(); ou showAlert(param); ne fonctionneront pas ici,
 // il doit s'agir d'une référence à un nom de fonction, pas un appel de fonction.
 p.ondblclick = showAlert;
};

function showAlert() {
 alert("Évènement dblclick détecté")
}
&lt;/script&gt;

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

&lt;body onload="initElement()";&gt;
&lt;span id="foo"&gt;Mon élément&lt;/span&gt;
&lt;p&gt;Double-cliquez sur l'élément ci-dessus.&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<h3 id="Notes">Notes</h3>
<p>L'évènement <code>dblclick</code> est déclenché lorsque l'utilisateur double-clique sur un élément.</p>
<h3 id="Sp.C3.A9cification">Spécification</h3>
<p>{{ DOM0() }}</p>
<p>{{ languages( { "en": "en/DOM/element.ondblclick" } ) }}</p>