dispatchEvent 'mouseover‘不工作

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 on #obj_one时对悬停(因此改变为红色)做出反应，但它不起作用。我做错了什么？

Answer 1

根据这个答案，你不能：

用户代理生成的事件，无论是用户交互的结果，还是DOM更改的直接结果，都是由用户代理信任的，用户代理具有通过DocumentEvent.createEvent("Event")方法生成的、使用Event.initEvent()方法修改或通过EventTarget.dispatchEvent()方法发送的脚本生成的事件的权限。可信事件的isTrusted属性的值为true，而不受信任事件的isTrusted属性值为false。 大多数不受信任的事件不应触发默认操作，但单击事件或DOMActivate事件除外。

相反，推荐的方法是在mouseover和mouseout事件上添加和删除一个类，这是我在这个小提琴中所做的。