Javascript 为html中禁用的元素启用onMouseOut

在react-rails中，onMouseOut事件仅在元素未被禁用时有效

以下是渲染方法中的代码：

dom.button
        type: 'submit'
        'data-toggle': "popover"
        title: "Form Requirements"
        'data-content': 'Please fill in all the form fields before submitting this form'
        'data-placement': "bottom"
        className: 'btn btn-primary'
        disabled: !@valid()
        onMouseEnter: @showPopOver
        onMouseOut: @hidePopOver
        'Create admin'

调用的相应方法如下所示：

showPopOver: function() {
  if (!this.valid()) {
    return $('[data-toggle="popover"]').popover('show');
  }
},
hidePopOver: function() {
  return $('[data-toggle="popover"]').popover('destroy');
},

---

这就是HTML的工作原理。禁用的元素没有事件。如果希望触发事件，则必须通过其他方式将其“显示”为禁用状态。

但是onMouseEnter事件起作用，那么为什么onMouseOut不起作用呢。这项活动在firefox上有效