double click() HTML DOM method

Question

I'm working on a chrome extension and I'm curious how to double click DOM

When I want to just 1 click I use this function

document.getElementById('foo').click();

But some elements on a website needs a double click to be triggered

So Is there any method to do that with javascript?

Why don't you do a google search before posting a question on Stackoverflow? — bhspencer
– bhspencer, Commented Jun 15, 2015 at 12:28
@bhspencer I did and I didn't find an answer that worked for me — Jim
– Jim, Commented Jun 15, 2015 at 12:30
really the MDN reference didn't work for you developer.mozilla.org/en-US/docs/Web/Events/dblclick or perhaps all the other SO questions on this topic stackoverflow.com/questions/5497073/… — bhspencer
– bhspencer, Commented Jun 15, 2015 at 12:31

Anik Islam Abhi · Accepted Answer · 2015-06-15 12:30:00Z

3

Try like this

var event = new MouseEvent('dblclick', {
'view': window,
'bubbles': true,
'cancelable': true  });
document.getElementById("foo").dispatchEvent(event);

answered Jun 15, 2015 at 12:30

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Identity1 · Accepted Answer · 2015-06-15 12:50:19Z

0

document.getElementById('foo').dblclick();

check .dblcick()

If that doesn't work then use dispatchEvent() to simulate something similar.

 var target = document.getElementById('foo');
 var dblClickEvent= document.createEvent('MouseEvents'); 
 dblClickEvent.initEvent ('dblclick', true, true); 
 targLink.dispatchEvent (dblClickEvent);

edited Jun 15, 2015 at 12:50

answered Jun 15, 2015 at 12:27

Identity1

1,16517 silver badges34 bronze badges

5 Comments

Jim Over a year ago

I get this error "Uncaught TypeError: document.getElementById(...).dblclick is not a function"

bhspencer Over a year ago

what browser are you using? dblclick is not available on all browsers?

Jim Over a year ago

@bhspencer Google Chrome

Identity1 Over a year ago

try this: var targLink = document.getElementById ("something"); var clickEvent = document.createEvent ('MouseEvents'); clickEvent.initEvent ('dblclick', true, true); targLink.dispatchEvent (clickEvent);

Jim Over a year ago

@Identity1 that worked thank you, edit you answer with the new code to help other pepole

Collectives™ on Stack Overflow

double click() HTML DOM method

2 Answers 2

Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related