为 html 中的禁用元素启用 onMouseOut

Question

在 react-rails 中，onMouseOut 事件仅在元素未被禁用时才起作用。

以下是render方法中的代码：

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');
},

Answer 1

这就是 HTML 的工作原理。禁用元素没有事件。如果您希望触发事件，则必须通过其他方式使其“看起来”被禁用。