javascript - 为 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

This is how HTML works. No events for disabled elements. You'll have to make it "appear" to be disabled by other means if you want the events to trigger.