当您将鼠标悬停在某个其他元素上时,如何自动点击链接? (Angularjs)

时间:2016-09-09 16:15:43

标签: angularjs hover

所以我有一个按钮,当我将鼠标悬停在该按钮上时,它会自动点击网站中其他位置的链接。

无论如何在angularjs中这样做?

2 个答案:

答案 0 :(得分:1)

  

在角度js中使用ng-mouseenter,当你将鼠标悬停在元素上时会自动触发

<div>
    <input type="button" value="value" ng-mouseenter="link" />
    {{link}}
</div>

答案 1 :(得分:0)

你可以使用ng-mouseenter,但是你需要提供一个表达式,如果只使用链接(如上面的答案中所示),什么都不会发生。

这将是:

<button ng-mouseenter="openLink('yourLink')">Value</button>

你的javascript函数将是:

$scope.openLink = function(link){
    window.open(link)
}

但是,我不会建议你做那样的事情。在悬停时打开链接会真正损害您网站的用户体验,实际上,如果在新窗口中打开链接或新选项卡将完全取决于用户在其Web浏览器中的首选项(并且弹出窗口可能最终被阻止) 。在我看来,如果你想打开链接,只需使用用户可以点击它的显式链接,或者在必要时使用重定向。