Bootstrap 是一种广泛使用的前端框架，其中包括许多组件。其中一个非常有用的组件是 Popup，它允许用户以响应鼠标事件的方式显示内容。默认情况下，Bootstrap 的 Popup 在单击时出现，但您可以通过 JavaScript 代码更改它以在悬停时出现。
实现方法
要实现 Popover 在悬停时出现，需要对 Bootstrap 中默认的行为进行一些修改。具体步骤如下：
获取 Popover 元素。
----- ------------------ - ----------------------------------------------------------------------
将 Popover 触发器的
click事件更改为mouseenter。------------------------------- ------------------ - ----- ------- - --- ----------------------------------- - -------- ------- -- --
这里我们将 Popover 触发器的 trigger 属性设置为 hover，这样就可以在鼠标悬停时触发 Popover。
示例代码
HTML：
------- ------------- ---------- -------------- ------------------------ ------------------------ ----------------------- --------------------------- ----------------------
JavaScript：
----- ------------------ - ----------------------------------------------------------------------
------------------------------- ------------------ -
----- ------- - --- ----------------------------------- -
-------- -------
--
--结论
在本文中，我们介绍了如何使用 JavaScript 将 Bootstrap 的 Popover 更改为在悬停时出现。这对于需要更好的用户体验的网站非常有用。希望这篇文章能够帮助您学习并实现该功能。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/9684