Angular.js ng-dblclick ng-click

连坚白
2023-12-01

		//默认两个变量:是否单击过和是否取消单击事件
        $scope.clicked=false;
        $scope.cancel_click=false;

        //单击事件:
        $scope.single_click=function(){
            //如果单击过,则取消单击事件
            if($scope.clicked){
                $scope.cancel_click=true;
                return;
            }

            $scope.clicked=true;

            //延迟执行单击事件
            // 目的是在这段时间判断是否连续执行了两次单击事件
            //延迟时间可以调整
            $timeout(function(){
                if($scope.cancel_click){
                    $scope.clicked=false;
                    $scope.cancel_click=false;
                    return;
                }

                //单击事件的逻辑
                $scope.func1();

                //初始化默认变量
                $scope.clicked=false;
                $scope.cancel_click=false;
            },500)
        }

		//双击事件:
        $scope.dbl_click=function(){
            $timeout(function(){
                //双击事件的逻辑
                $scope.func2();
            })
        }
 类似资料: