Tippy.js 事件委托 - 以交互方式决定何时根据目标显示工具提示

如何解决Tippy.js 事件委托 - 以交互方式决定何时根据目标显示工具提示

说我希望 Tippy.js 处理所有 div 文本显示“hover”的元素（我实际想要的逻辑有点复杂）。这是我失败的尝试：

tippy.delegate("body",{
  target: "div",content: "tippy",onShow: () => {
    //return false;
  }
});

https://jsfiddle.net/wz1drsem/

我可以决定在 return false 中 onShow，但我不知道如何访问此回调中的目标元素。如果可以，我会检查目标 div 的文本并决定返回什么。

有 onTrigger 回调，它提供对 DOM 事件（例如 mouseenter）的访问，但它不允许取消事件。

解决方法

我找到了以下解决方案：

tippy.delegate("body",{
  target: "div",content: "tippy",onTrigger: (instance,event) => {
    if (event.target.textContent !== 'hover') {
      instance.disable();
    }
  },onUntrigger: (instance,event) => {
    instance.enable();
  },});

https://jsfiddle.net/wz1drsem/1/