如何使用querySelector创建dbClick？

Question

有没有办法以编程方式双击

<div class="container">
  <div class="child">short</div>
</div>

<div class="container">
  <div class="child">long long long long long long long</div>
</div>

但是双击，因为 document.querySelector("button").blur() 无效...

谢谢。

Answer 1

尝试此操作以发出双击事件：

var dbclickEvent = new MouseEvent('dblclick', {
   bubble: true,
   view: window
})

document.querySelector('button').dispatchEvent(dbclickEvent)

Answer 2

一个有用的事件方法是preventDefault（）方法。 preventDefault（）将阻止浏览器在发生双击时自动完成的任何操作。

 var button= document.querySelector('button');
 button.addEventListener('dblclick', function(event){
event.preventDefault();
},false);