javascript – 有没有办法在开发人员工具中模拟onmouseover？

我知道Firefox有一种模拟悬停,活动和焦点过滤器的方法.

有没有办法模拟onmouseover海拔？

我想在两个元素中一起模拟这个,这可能吗？

我没有为此目的找到任何扩展名.先感谢您.

解决方法:

您可以使用dispatch发送/触发元素的事件：element.dispatchEvent(event);. support may vary在不同的浏览器和版本上; my demo on jsfiddle在chrome 65上工作.

鉴于这个HTML

<div id="menu">
  <h3>Menu</h3>
  <div>Sample to fire onm ouseover using a script</div>
  <ul>
   <li>one</li>
   <li>two</li>
   <li>three</li>
  </ul>
</div>
<button onclick="simulateMouseOver()">simulate onm ouseOver</button>

下面的onmouseover-event设置为< div id = menu>.只要将鼠标移到div上,事件就会触发：

var menu =  document.getElementById("menu");
menu.addEventListener("mouseover", function(event){   

    event.target.style.backgroundColor = "blue";
    setTimeout(function() {
      event.target.style.backgroundColor = "";
    }, 500);
}, false)();

从脚本中提升onmouseover-event事件

>首先要创建正确的事件
>然后将此事件触发/发送到target-element

看到这段代码

function simulateMouseOver() {
  var listItems = document.querySelectorAll("ul li")
    var item1 = listItems.item(1);
  var event = new MouseEvent('mouseover', 
       {view: window, bubbles: true, cancelable: true});

  var cancelled = !item1.dispatchEvent(event);
  if (cancelled) {
    // a handler called preventDefault.

  } else {
    // none of the handlers called preventDefault.

  }
}

你可以在这里找到更多信息

> MDN dispatch event
> MDN event mouseover

question simulate a mouse click from 2011或Trigger events in javascript from 2010可用于旧浏览器中的支持.

标签：javascript,firefox,firefox-developer-tools,onmouseover
来源： https://codeday.me/bug/20190628/1311454.html