小编gah*_*chs的帖子

如何使用 Tippy.js 在 mouseenter 上显示工具提示并在单击时隐藏

我正在使用Tippy.js。我想在 mouseenter 上显示工具提示,但在单击时隐藏它。

当您单击一个元素时,这会触发工具提示.tippy并保持打开状态,直到您单击离开。

tippy('.tippy', { trigger: 'click' });
Run Code Online (Sandbox Code Playgroud)

这说明,当你一个提示的mouseenter与元素.tippy和皮革当鼠标离开.tippy元素。

tippy('.tippy', { trigger: 'mouseenter' });
Run Code Online (Sandbox Code Playgroud)

我想要两者的结合。在 mouseenter 上显示工具提示,但让它保持打开状态,直到我点击离开。

我更喜欢**不听点击事件和鼠标输入事件,并在使用时手动显示和隐藏它 { trigger: 'manual' }

另外,能否请您解释一下{custom}触发选项。从文档:

{custom} 指的是您可以拥有任何事件侦听器,但它不会具有相反的“隐藏”事件。

我可以使用{custom}触发器来满足我的需求吗?如何?

非常感谢!

javascript tooltip tippyjs

6
推荐指数
1
解决办法
4992
查看次数

使用属性中的点破坏赋值

我有一个这样的对象:

const myObject = { 'docs.count': 1000, uuid: 11244, 'pri.store.size': 2453 }
Run Code Online (Sandbox Code Playgroud)

我想做一个解构任务。这仅适用于此类字段吗?

const { uuid } = myObject;
Run Code Online (Sandbox Code Playgroud)

谢谢!

javascript ecmascript-6

3
推荐指数
1
解决办法
591
查看次数

标签 统计

javascript ×2

ecmascript-6 ×1

tippyjs ×1

tooltip ×1