Yado_tech

旅館+ITとはなんぞ

javascriptでダブルクリックをエミュレーションする

【やりたいこと】

DOMをダブルクリックしたときのイベントを発火させたい

<html>
<head></head>
<body>
<div id = "ex_event" ondblclick = click_event></div>
</body>
</html>

click_eventを発火させたい

MouseEventメソッドを使う。

developer.mozilla.org

var evt = new MouseEvent("dblclick", {
  bubbles: true,
  cancelable: true,
  view: window
});

elm = document.getElementById("ex_event");

elm.dispatchEvent(evt);

これでダブルクリックをエミュレーション出来る。