是否在不再悬停时取消悬停操作？
是否在不再悬停时取消悬停操作？
提问于 2018-06-08 01:46:54
我有一种情况，当用户悬停按钮时，它应该会在稍微延迟后显示一个小弹出窗口。
tt = angular.element(element);
...
showTooltipFn = function() {
setTimeout(function() {
tt.tooltip("show");
}, 700);
}; 但是，当您说将鼠标快速悬停在其他按钮上时，它将显示您悬停的所有按钮。我只想在当前悬停的按钮上显示弹出窗口。如果我不再徘徊，取消这个节目。
有没有办法用AngularJS做到这一点？检查我是否还在悬停什么东西？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-08 02:07:41
ngMouseLeave可以让你在鼠标离开时计算表达式。
来自AngularJS文档的示例
<button ng-mouseleave="count = count + 1" ng-init="count=0">
Increment (when mouse leaves)
</button>
count: {{count}}对于你的案子..。
var timeoutPromise;
showTooltipFn = function() {
timeoutPromise = $timeout(function() {
tt.tooltip("show");
}, commonOptions.delay.show);
tt.on("mouseleave", function() {
$timeout.cancel(timeoutPromise);
});
};
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50747302
复制相关文章
相似问题