在页面加载按钮上触发鼠标悬停事件,extjs3

Posted

技术标签:

【中文标题】在页面加载按钮上触发鼠标悬停事件,extjs3【英文标题】:Trigger mouseover event on button on page load, extjs3 【发布时间】:2018-03-20 09:33:54 【问题描述】:

我有一个buttontooltip,我想在页面加载时显示tooltip 几秒钟。使用EXTJS 3

我可以在页面加载时触发鼠标悬停事件吗?或者我可以有任何其他解决方案吗?

【问题讨论】:

自从我搞砸了 ExtJS 3 以来已经有一段时间了,但我想你可以在按钮上放置一个后渲染监听器,当它触发时你可以显示工具顶部并执行 setTimeout 以便在之后隐藏它几秒钟。我认为您会获得工具提示并明确显示/隐藏它,而不是尝试模拟鼠标悬停事件。 【参考方案1】:

render 事件上尝试使用以下代码 sn-p:

var tip = new Ext.ToolTip(
    target: c.getEl(),
    html: 'Tooltip content'
);
tip.showBy(this.getEl());

Working example

【讨论】:

以上是关于在页面加载按钮上触发鼠标悬停事件,extjs3的主要内容,如果未能解决你的问题,请参考以下文章

如果父元素也有鼠标悬停,如何为子元素触发鼠标悬停事件?

将鼠标悬停在图像上以显示按钮,并且在悬停在实际按钮上时不触发

只能通过 unsafeWindow 从 TamperMonkey 脚本触发鼠标悬停事件 - 为啥?

仅当鼠标悬停在元素上至少特定时间时,如何触发 MouseMove 事件?

C# winfrom程序可以实现按钮的鼠标悬停变色,离开恢复,按下时变成黑色并一直保持吗

Web浏览器常用事件