小编Ind*_*iņš的帖子

在Edge浏览器上可以单击"禁用"按钮

我有Edge浏览器的问题.在我的网站上,我有里面有span标签的按钮.在此span标签中,我绑定了文本和图标.到目前为止我没有问题,但在Edge浏览器上可以点击禁用的按钮.调查问题后我发现,当按钮里面包含span标签时,可以点击按钮.以下是它在我的网站上的外观:

<button id="btnRefresh" type="button" class="btn btn-primary" ng-click="refresh()" ng-disabled="performingAction">
    <span ng-class="performingAction && action == 'refresh' ? 'fa fa-cog fa-spin' :'fa fa-refresh'"></span>
    <span>{{ refresh }}</span>
</button>
Run Code Online (Sandbox Code Playgroud)

以下是测试示例:

<button type="button" disabled="disabled" onclick='alert("test");'>
    <span>Click me!</span>
</button>
Run Code Online (Sandbox Code Playgroud)

一个选项是隐藏按钮而不是禁用,但我更喜欢禁用它们.请提出解决方案来解决这个问题.

html button disabled-control angularjs microsoft-edge

7
推荐指数
2
解决办法
5488
查看次数