首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当鼠标进入或悬停时显示ngx引导工具提示,在鼠标移除时显示删除。

当鼠标进入或悬停时显示ngx引导工具提示,在鼠标移除时显示删除。
EN

Stack Overflow用户
提问于 2018-02-13 23:02:25
回答 3查看 8.9K关注 0票数 3

我不完全理解触发器究竟为https://valor-software.com/ngx-bootstrap/#/tooltip#triggers-custom做了什么

例如,当我们这样做时:

代码语言:javascript
运行
复制
triggers="mouseenter:click"

这是否意味着当我们将鼠标悬停/放置在那里时,工具提示将被显示,并在单击时消失?

如果是的话,是否可以指定两个工具提示应该消失的事件。

例如,我想在悬停时显示工具提示,然后在单击它时使它消失,或者从那里移除鼠标。有什么想法吗?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-02-13 23:34:31

您可以使用一系列事件,类似于这样的事情可能会奏效:triggers="mouseenter mouseleave click"

触发器 =>指定应该触发的事件。支持以空格分隔的事件名称列表。

票数 6
EN

Stack Overflow用户

发布于 2021-04-15 11:21:14

@Nikola的公认答案并不能解决问题:mouseenter (显示工具提示)> click (隐藏工具提示)> mouseleave (再次显示工具提示)。

对于需要触发器的人,如Gmail的动作菜单(当鼠标悬停时显示工具提示,鼠标离开或单击时不显示工具提示),请使用以下命令:

代码语言:javascript
运行
复制
triggers="mouseenter:mouseleave mouseenter:click"
票数 1
EN

Stack Overflow用户

发布于 2018-02-13 23:42:23

您可以同时使用自定义触发器人工触发

代码语言:javascript
运行
复制
<button 
  tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
  triggers="mouseenter:mouseleave"
  #pop="bs-tooltip"
  (click)="pop.hide()"
>Tooltip</button>

当工具提示被隐藏时,此代码不会通过单击触发工具提示。同样的结果是,当您应用没有triggers="mouseenter click:mouseleave click"(click)时,它看起来很烦琐.也许这是一个错误,但是triggers="mouseenter:mouseleave click"没有给出这样的结果。无论如何,手动处理(click),您将获得相对的灵活性。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48777102

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档