reactjs - 手动响应鼠标悬停事件

Question

有没有办法触发React的mouseover和mouseenter事件？可以触发:

ReactDOM.findDOMNode(someNode).focus();
ReactDOM.findDOMNode(someNode).click();

有类似的方法来触发 mouseenter 吗？我需要使用第 3 方库执行复杂的 React 事件。

Answer 1

来自@Jonathan在此问题中的回答:Trigger onmouseover event programmatically in JavaScript

这对我有用:

function fireEvent(elementId, eventName) {
  if(document.getElementById(elementId) != null) {   
    if(document.getElementById(elementId).fireEvent) {
      document.getElementById(elementId).fireEvent('on' + eventName);     
    } else {   
      var evObj = document.createEvent('Events');
      evObj.initEvent(eventName, true, false);
      document.getElementById(elementId).dispatchEvent(evObj);
    }
  }
}

然后你可以这样调用它:

fireEvent(elementId, "mouseover");