javascript - Angularjs中禁用按钮上的ng-mouseover

标签 javascript html angularjs

我想在禁用按钮时使用 mouseover。在下面的代码中,mouseoverng-disabled="false" 时有效,但在 ng-disabled="true" 时无效.

<body ng-app="ngAnimate">
  <button ng-disabled="true" ng-mouseover="show=true" ng-mouseleave="show = false">
    Mouseover
  </button>
  <div>
  Show:
    <span class="test" ng-show="show">
      I show up when your mouse enter on button
    </span>
  </div>

</body>

最佳答案

这不可能。实际上它与 Angular 无关。当浏览器不应该在禁用的表单控件上触发 onmouseover、onclick 等事件时,这是预期的行为。所以你不能直接这样做。

不能直接 - 意思是,您甚至可以将鼠标悬停绑定(bind)到没有此限制的包装容器。然后,您需要控制操作并仅在禁用标志为 truefalse(如果需要)时继续。

话虽如此,您可能不应该尝试解决此问题。 Form UX perspective disabled control 不应该是可交互的,毕竟这就是disabled的意思。

关于javascript - Angularjs中禁用按钮上的ng-mouseover,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31132318/

相关文章:

javascript - jQuery- .css() 不适用于输入

unit-testing - 在 Karma 中使用 Jasmine 测试 Controller

javascript - 隐藏 Angular ionic 中继器中的列表项

javascript - 如何从 div 标签表示的表中检索行和列数据

javascript - PHP网络爬虫点击

javascript - 获取几何面上点的颜色

html - 在 100% div 中水平和垂直居中响应 div 的最佳方法

javascript - 如何在同一页面上验证此表单?

javascript - 使用 jquery 将 tr 元素添加到另一个表中

javascript - nodejs Handlebars 错误 TypeError : this. set is not a function