首页 > 解决方案 > 如何使用 ngx-bootstrap 在禁用按钮上显示工具提示

问题描述

在我的 Angular 6 应用程序中,我目前正在使用ngx-bootstrap 的工具提示功能来显示工具提示。

我需要在一些禁用按钮中显示工具提示,但是它不起作用(它只适用于非禁用按钮)。

有没有办法改变这种行为并始终显示工具提示(无论该项目是否被禁用)?

标签: javascriptangulartypescripttooltipngx-bootstrap

解决方案


请阅读这篇文章https ://jakearchibald.com/2017/events-and-disabled-form-fields/

Chrome 和许多其他浏览器可能会停止在禁用的表单字段(包括按钮)上发出所有鼠标事件。

我陷入了类似的情况,这个解决方法对我来说效果很好

triggers="pointerenter:pointerout"

根据按钮内部使用的内容,可能需要添加指针事件:无;在 CSS 中为他们服务。

确认可以在以下浏览器上工作:

Chrome 73+
FF 66+
IE 11+
Edge 42+

我希望它可以帮助你!


推荐阅读