Skip to content Skip to sidebar Skip to footer

Perform Doubleclick On Element That Have That

looks here: that from One page that show me that element have event of doubleclick 'dblclick' but when i try to perform it from console:

Solution 1:

dblclick is not a method, it is a type of event. Let's say you have a button, and you wanted to manually fire that event. You could do so like this.

<button id='myButton'>Click Me!</button>

Now you can do this

var evt = newEvent('dblclick');
var button = document.getElementById('myButton');
// This is where the magic happens
button.dispatchEvent(evt);

This manually fires the dblclick event. You must call 'dispatchEvent' on a dom node, and it takes an 'Event' object.

For your use case, just replace the 'button' element with your own 'a' variable, and it should work as expected.

Solution 2:

That answer works as well:

thank you both guys

noahnu and epascarello

varevent; // The custom event that will be createdif (document.createEvent) {
    event = document.createEvent("HTMLEvents");
    event.initEvent("dblclick", true, true);
  } else {
    event = document.createEventObject();
    event.eventType = "dblclick";
  }

  event.eventName = "dblclick";

  if (document.createEvent) {
    element.dispatchEvent(event);
  } else {
    element.fireEvent("on" + event.eventType, event);
  }

Post a Comment for "Perform Doubleclick On Element That Have That"