AngularJS：ng-click 并选择文本

Question

在我的应用中，我在点击元素后使用了一些逻辑。

例如：

html

<h3 ng-click="showAlert('text')">this is text! (try to click and select)</h3>

js

$scope.showAlert = function(text) {
  console.log('click!');
};

当我点击元素时：一切正常。正如预期的那样，一切都完成了。

但是！

为什么，当我尝试选择文本时，我的事件也会被触发？

如何跳过选择事件？

plunker：click

Answer 1

您可以获取mousedown 和mouseup 之间的时间，以确定是点击还是选择了文本。

像这样： Demo

(function(){
  angular.module("app", []);

  angular.module("app")
  .directive("noclick", function(){
    return {
      restrict: "A",
      link: function(scope, element, attr){
        scope.time= Date.now();

        element.on("mousedown mouseup", function(e){
          if(e.type == "mousedown"){
            scope.time= Date.now();
          }

          if(e.type == "mouseup"){
            if(Date.now() - scope.time> 300){
              return false;
            }else{
              console.log("clicked");
            }
          }
        });
      }
    }
  });
})(window, angular);

注意：我在这种情况下使用指令。