angularJS 实现长按不触发点击事件可以复制剪贴方法
更新时间：2023年06月30日 10:33:50 作者：Skywang
这篇文章主要为大家介绍了angularJS实现长按不触发点击事件可以复制剪贴方法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
解决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 长按复制剪贴的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了angularJS结合canvas画图例子的方法,需要的朋友可以参考下2015-02-02
Angular directive递归实现目录树结构代码实例
本篇文章主要介绍了Angular directive递归实现目录树结构代码实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要给大家介绍了关于如何以Angular的姿势打开Font-Awesome的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Angular具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2018-04-04
这篇文章主要介绍了AngularJS中数据的双向绑定机制,双向绑定使得HTML中呈现的view与AngularJS中的数据一致,是Angular的重要特性之一,需要的朋友可以参考下2016-03-03
Directive是一个非常棒的功能。可以实现我们自义的的功能方法。下面通过实例代码给大家介绍Angularjs自定义指令Directive相关知识，感兴趣的朋友一起学习吧2017-05-05
这篇文章主要介绍了angularJS提交表单（form）的方法和示例,需要的朋友可以参考下2015-02-02
这篇文章主要为大家介绍了Angular应用里异步打开对话框技术详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-12-12
本文给大家详细分析了Angular2整合其他插件的方法，有兴趣的朋友学习下。2018-01-01
这篇文章主要为大家深入解析了Angular动态导入和懒加载实例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10
angularjs利用directive实现移动端自定义软键盘的示例
下面小编就为大家带来一篇angularJS利用directive实现移动端自定义软键盘的示例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
最新评论