Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 不再悬停时取消悬停操作?_Javascript_Css_Angularjs - Fatal编程技术网

Javascript 不再悬停时取消悬停操作?

Javascript 不再悬停时取消悬停操作?,javascript,css,angularjs,Javascript,Css,Angularjs,我遇到过这样一种情况,当用户悬停一个按钮时,它会在稍微延迟后显示一个小弹出窗口 tt = angular.element(element); ... showTooltipFn = function() { setTimeout(function() { tt.tooltip("show"); }, 700); }; 但是,当您说将鼠标快速悬停在其他按钮上时,它将显示您悬停的所有按钮。我只想在当前悬停的按钮上显示弹出窗口。如果我不再盘旋,取消演出 有

我遇到过这样一种情况,当用户悬停一个按钮时,它会在稍微延迟后显示一个小弹出窗口

tt = angular.element(element);
  ...
  showTooltipFn = function() {
    setTimeout(function() {
      tt.tooltip("show");
    }, 700);
  };  
但是,当您说将鼠标快速悬停在其他按钮上时,它将显示您悬停的所有按钮。我只想在当前悬停的按钮上显示弹出窗口。如果我不再盘旋,取消演出

有没有办法用AngularJS做到这一点?检查我是否仍在悬停?

允许您在mouseleave时计算表达式

来自AngularJS文档的示例

<button ng-mouseleave="count = count + 1" ng-init="count=0">
  Increment (when mouse leaves)
</button>
count: {{count}}
允许您在mouseleave上计算表达式

来自AngularJS文档的示例

<button ng-mouseleave="count = count + 1" ng-init="count=0">
  Increment (when mouse leaves)
</button>
count: {{count}}

这不是特定角度的,但你可能会得到一些灵感。ngMouseLeave@臭名昭著的真棒,似乎已经奏效了,谢谢。我想我以前试过,但一定是第一次做错了什么。@Carson没问题!或者只是使用简单的CSS<代码>:悬停可触发可见性,并带有一个过渡,仅在700ms后显示。这不是特定角度,但您可能会获得一些灵感。ngMouseLeave@臭名昭著的真棒,似乎已经奏效了,谢谢。我想我以前试过,但一定是第一次做错了什么。@Carson没问题!或者只是使用简单的CSS<代码>:悬停可触发可见性,并转换为仅在700ms后显示。