'ng-click'和'ng-mousedown'指令有什么区别

时间:2017-05-22 18:18:13

标签: angularjs mouseevent angularjs-ng-click

<div ng-mousedown="count = count + 1" ng-init="count=0">Click me!</div>表示'当鼠标单击时执行表达式。

类似地,行<button ng-click="count = count + 1" ng-init="count=0">Click me!</button>表示'每次点击按钮时,将计数变量增加1'

  

现在让我感到困惑的是,我应该何时使用ng-click以及何时应该使用ng-mousedown?我的意思是两者之间有什么确切的区别?

3 个答案:

答案 0 :(得分:2)

  

我什么时候应该使用它们?

您决定,他们为您提供工具,您可以使用它们构建应用程序。

只要在元素上点击任何鼠标按钮(它不会等到你释放密钥),

ng-mousedown就会触发,这可以用来定制根据您的需要(如菜单或缩放效果等)在您的应用程序中的功能。

当在该元素上按下并释放鼠标左键时,或者当键盘导航中的活动元素被激活时,

ng-click将触发(使用 标签 tabindex

答案 1 :(得分:1)

ng-mousedownng-click 350毫秒后出现。

有时您应该使用ng-mousedown。例如如果您单击按钮并将其删除。

如果您使用ng-click,则ng-click事件将落入按钮下的元素(不是元素的父元素)。

如果您不希望事件落入元素,最好使用ng-mousedown

答案 2 :(得分:0)

使用ng-click,如果您单击并按住,则在您松开鼠标按钮之前不会触发事件。

使用ng-mousedown,如果您点击并按住,您的活动就会被解雇。您不必松开鼠标按钮。