调度事件"鼠标悬停"不起作用

Question

我有以下代码http://jsfiddle.net/yc7sj3pt/2/

document.getElementById('obj_one').addEventListener('mouseover', function(){
    var e = document.createEvent('HTMLEvents');
    e.initEvent('mouseover', true, false);
    document.getElementById('obj_two').dispatchEvent(e);
    console.log('hover');
}, false);

我试图使#obj_two反应悬停(从而改变颜色红色)，当我mouseover对#obj_one，但它不工作。我做错了什么?

Answer 1

根据这个答案，你不能:

由用户代理生成的事件，无论是作为用户交互的结果，还是作为DOM更改的直接结果，都由用户代理信任，具有不提供给脚本通过DocumentEvent.createEvent("事件")方法生成的事件的特权，使用Event. initevent()方法进行修改，或通过EventTarget.dispatchEvent()方法进行分派。可信事件的itrusted属性值为true，而不可信事件的itrusted属性值为false。

大多数不受信任的事件不应该触发默认操作，除了click或DOMActivate事件。

推荐的方法是在mouseover和mouseout事件上添加和删除一个类，我在本文中已经这样做了。