对具有该功能的元素执行DoubleClick

时间:2016-01-25 23:04:07

标签: javascript firefox

在此处查看:enter image description here

从一个页面显示该元素具有doubleclick事件“dblclick”

但是当我尝试从控制台执行它时:

enter image description here

2 个答案:

答案 0 :(得分:3)

dblclick不是一种方法,它是一种事件。 我们假设您有一个按钮,并且您想要手动触发该事件。你可以这样做。

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

现在你可以这样做

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

这会手动触发dblclick事件。 你必须打电话给dispatchEvent&#39;在dom节点上,它需要一个&#39;事件&#39;对象

对于您的使用案例,只需更换“按钮”即可。你自己的元素&#39; a&#39;变量,它应该按预期工作。

答案 1 :(得分:0)

这个答案也有效:

谢谢你们两个人

noahnu和epascarello

var event; // The custom event that will be created

  if (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);
  }