How to programmatically fire ondblclick event in javascript?

Question

I am trying the following simple code (in html, using js on IE8):

<input type="image" src="pic.jpg" id="aa" ondblclick="alert('aa');"/>
<script>
document.getElementById('aa').dblclick(); 
</script>

and I get an error that: object doesn't support this property or method (regarding the script part). And I don't get the alert.

Whereas when I dblclick on the image, I get the alert message. So I wish to know how to programmatically fire the dblclick event (without actually double clicking the image).

The same works just fine with onclick (instead of on dblclick). I also tried it on button, input text. Same error .

gen_Eric · Accepted Answer · 2011-09-26 15:30:27Z

7

The property name is ondblclick but you're attempting to call dblclick. You need to call ondblclick.

<script>
  document.getElementById('aa').ondblclick(); 
</script>

Fiddle: http://jsfiddle.net/frwpY/

edited Sep 26, 2011 at 15:30

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

answered Sep 26, 2011 at 15:23

JaredPar

760k152 gold badges1.3k silver badges1.5k bronze badges

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

Comments

Ilia Choly · Accepted Answer · 2011-09-26 15:27:11Z

2

try this:

<input type="image" src="pic.jpg" id="aa" ondblclick="alert('aa');"/>
<script>
document.getElementById('aa').ondblclick(); 
</script>

http://jsfiddle.net/dnUZY/1/

answered Sep 26, 2011 at 15:27

Ilia Choly

18.6k14 gold badges95 silver badges166 bronze badges

Comments

Chad · Accepted Answer · 2011-09-26 15:23:44Z

0

Check out MDNs article about element.dispatchEvent

Sample code from MDN:

function simulateClick() {
  var evt = document.createEvent("MouseEvents");
  evt.initMouseEvent("click", true, true, window,
    0, 0, 0, 0, 0, false, false, false, false, 0, null);
  var cb = document.getElementById("checkbox"); 
  var canceled = !cb.dispatchEvent(evt);
  if(canceled) {
    // A handler called preventDefault
    alert("canceled");
  } else {
    // None of the handlers called preventDefault
    alert("not canceled");
  }
}

This way you can also track the event through the DOM bubble and make sure it wasn't canceled.

answered Sep 26, 2011 at 15:23

Chad

19.6k4 gold badges54 silver badges75 bronze badges

Collectives™ on Stack Overflow

How to programmatically fire ondblclick event in javascript?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related