javascript - 如何使用 ngx-bootstrap 在禁用按钮上显示工具提示
问题描述
在我的 Angular 6 应用程序中,我目前正在使用ngx-bootstrap 的工具提示功能来显示工具提示。
我需要在一些禁用按钮中显示工具提示,但是它不起作用(它只适用于非禁用按钮)。
有没有办法改变这种行为并始终显示工具提示(无论该项目是否被禁用)?
解决方案
请阅读这篇文章:https ://jakearchibald.com/2017/events-and-disabled-form-fields/
Chrome 和许多其他浏览器可能会停止在禁用的表单字段(包括按钮)上发出所有鼠标事件。
我陷入了类似的情况,这个解决方法对我来说效果很好
triggers="pointerenter:pointerout"
根据按钮内部使用的内容,可能需要添加指针事件:无;在 CSS 中为他们服务。
确认可以在以下浏览器上工作:
Chrome 73+
FF 66+
IE 11+
Edge 42+
我希望它可以帮助你!
推荐阅读
- linux - 从 shell 向 CloudWatch 发送事件
- javascript - Javascript 如何从 ADODB 记录集中获取值
- r - 视网膜显示上的 RStudio 中的内联图大小和编织图大小不一致
- html - CSS HTML tfoot, tbody, thead 复杂样式
- json - 仅用字符串替换 .txt 文件中的 JSON 内容(WSO2 集成器)
- python - 如何实时监听 MongoDB 上的更改?
- java - 如何从Java中私有的另一个类访问数组?
- google-chrome - 在 docker 网络中无法访问 Chrome
- c - Recv 返回更多字节,然后消息长度为
- icecast - Icecast 介绍文件