how to stop click event when having dblclick event

[seldon]

Hi,

A simple question, how do i stop the click event from happening (twice) when i also have a dbl click event listener and in case of a double click only want the dbl click code to run (and so not the click code).

Thanks!

Seldon

[prophet]

Check this out: http://www.activewidgets.com/javascr...ick-event.html

var isDoubleClickEvent;

var clickAction = function(src) {
isDoubleClickEvent = false;
setTimeout(performClickAction, 500, src);
}

var performClickAction = function(src) {
if (!isDoubleClickEvent) {
// My single click event handler code
..
..
}
}

var doubleClickAction = function(src) {
isDoubleClickEvent = true;
// My double click event handler code
..
..
}

[tryanDLS]

I don't think that code works - it certainly missing at least one line to fire the doubleclick code. This snippet does work, although there may be a better way.

var lastClick = 0;
var wtf = getEl('wtf');
wtf.mon('click', this.clickTest, this, true);
...
clickTest: function(e) {
	var time = new Date().getTime();
	if (time-lastClick < 400) {
		lastClick = 0;
		this.onDblClick(e);
	}
	else {
		lastClick = time;
		this.onClick(e);
	}
},

onClick: function(e) {
	var el = getEl(e.getTarget());
	el.update('1');
},

onDblClick: function(e) {
	var el = getEl(e.getTarget());
	el.update('2');
},

[seldon]

I was hoping there would be a more yui-ext like way? Using stopevent or prevendefault in some way?

[tryanDLS]

There's no magic way to do this that I know of. Unlike a windows app, click and doubleclick are not separate events at the browser level. You're basically simulating a doubleclick event by virtue of how close together 2 clicks occur - in this case <400ms.

[Al Jey]

The more ExtJS like way would be:

var delayedClick=new Ext.util.DelayedTask(function(){
    if(doubleClick)onDblClick();
    else onClick()
});
wtf.on('click',function(){
    doubleClick=false;
    delayedClick.delay(500)
});
wtf.on('dblclick',function(){
    doubleClick=true;
    delayedClick.delay(500)
});
var onClick=function(){
    ...
}
var onDblClick=function(){
    ...
}

The double click timeout of 500ms is default on windows, so I think that it's the most appropriate value here.