我想在禁用按钮时使用 mouseover
。在下面的代码中,mouseover
在 ng-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)到没有此限制的包装容器。然后,您需要控制操作并仅在禁用标志为 true
或 false
(如果需要)时继续。
话虽如此,您可能不应该尝试解决此问题。 Form UX perspective disabled control 不应该是可交互的,毕竟这就是disabled的意思。
关于javascript - Angularjs中禁用按钮上的ng-mouseover,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31132318/