我要评论解决demo分析
这两天提交项目遇到一个需求，就是测试需要复制文字内容 但是不触发点击事件， 在网上没有找到类似的方法， 就自己想到一个方法 ，通过点下鼠标和抬起鼠标的时间差来判断是否触发点击事件。
废话不多说 直接上代码 首先是html界面
<span ng-mousedown="skipdown()" ng-mouseup="skipup($index)" style="cursor: pointer;" data-toggle="modal" ><a>{{resource.content}}</a></span>这里data-toggle="modal"是bootstrap的模态框类名
主要是这两个方法
ng-mousedown="skipdown()"
ng-mouseup="skipup($index)"
ng-mousedown是按下按钮时触发的方法
ng-mouseup是松开按钮时触发的方法
// 按下按钮触发的方法 获取按下按钮的时间
$scope.skipdown = function() {
$scope.skipdowntime = date.parse(new date());
}
// 松开按钮的触发方法 获取松开按钮的时间
$scope.skipup = function(index) {
$scope.skipuptime = date.parse(new date());
// 这里判断松开按钮和点下按钮直接的时间差 是否小于0.5秒
小于0.5秒则触发skipinfor的方法
if($scope.skipuptime - $scope.skipdowntime < 500) {
$scope.skipinfor(index);// 这里是具体方法
}
}这样你就可以进行复制粘贴了，不用担心复制的时候会触发按钮方法
以上就是angularjs 实现长按不触发点击事件复制剪贴的详细内容，更多关于angularjs 长按复制剪贴的资料请关注代码网其它相关文章！
发表评论