我在Angular的表单末尾有一个按钮。
<form>
<!-- form inputs and stuff -->
<!-- hovering on button does not work with disabled -->
<button (mouseover)="findInvalidFieldsAndPutInArray()" [disabled]="myForm.form.invalid" data-toggle="tooltip" data-placement="top" title="Tooltip that shows Invalid fields: {{ invalidFieldsArray.join(', ')}}">Submit</button>
</form>
我目前的解决方法是在按钮中绑定一个CSS类而不是disabled属性,这样将鼠标悬停在(鼠标悬停)上就可以触发工具提示和功能。
.cant-click {
pointer-events: none;
touch-action: none;
}
所以我的问题是,在我的表单按钮中将其删除之前,我应该了解更多已禁用属性。浏览器/屏幕阅读器/爬虫会以任何负面/误导的方式受到影响吗?或者我可以删除它并使用上面列出的修复程序吗?