为onMouseOut启用html中的禁用元素

时间:2016-03-17 08:00:39

标签: javascript ruby-on-rails-4 coffeescript onmouseout react-rails

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

1 个答案:

答案 0 :(得分:0)

这就是HTML的工作原理。禁用元素没有事件。你必须让它出现"出现"如果你想要触发事件,可以通过其他方式禁用。