Nuno Silva

Double Click in a Html Select (List Item)

Double click is a feature that can useful when you build a Site. Almost every element can have a double click event. It’s usage is very simple:

<div ondblclick=’alert(”Hello”)’>Hello</div>

Test DoubleClick Here

Elements like

<select id='listItem' multiple="true">
	<option value="hello">Hello</option>
	<option value="hello2">Hello2</option>
</select>

Javascript Code using Mootools

$("listItem").addEvent('dblclick',function(evt){
	var v = this.selectedIndex;
	alert(v.value);
});

13 Oct 08 | Html and Css, Programming, Web

5 Responses to “Double Click in a Html Select (List Item)”

Nuno Mariz | October 13th, 2008 at 12:20 pm

É ondblclick e não dblclick.
De qual forma é sempre boa politica ter a atribuição de eventos em javascript, mesmo que o elemento suporte este tipo de coisas.
Já agora em javascript é:
document.getElementById(”clickme”).ondblclick = function() { alert(”Hello”); };
Nuno Silva | October 13th, 2008 at 12:23 pm

Não sei se reparaste mas usei mootools para fazer o código. No mootools o evento é dbclick.

Já meti uma anotação para não haver mais dúvidas.

Contudo, obrigado pela contribuição
Nuno Mariz | October 13th, 2008 at 1:42 pm

Eu estava a referir-me ao atributo dblclick na div, é ondblclick.
Nuno Silva | October 13th, 2008 at 1:54 pm

Ah sim, já vi o que queres dizer. Tinha o exemplo bem, o html mal. Gracias
André Luís | October 13th, 2008 at 6:23 pm

Nuno, beware of dblclick.

http://www.quirksmode.org/js/events_mouse.html#dblclick

The Guy

My name is Nuno Silva and I am the author of this blog. I am a Computer Engineer and have a passion for game development.

So, in this blog you find especially things about the web, game development, software, my personal projects (Orion's belt for instance) and, sometimes, just crazy things that pass through my head.