ng-copy,ng-cut,ng-paste

最新推荐文章于 2020-05-11 17:28:24 发布

weixin_30642267

最新推荐文章于 2020-05-11 17:28:24 发布

阅读量130

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qiudongjie/p/6700838.html

本文介绍了一个使用AngularJS实现的指令案例，该指令能够响应用户的复制、剪切和粘贴操作，并记录这些操作的发生次数。通过这个示例可以了解如何利用AngularJS的特性来增强网页的交互体验。

<input ng-copy="copied=true;copynum=copynum+1;" ng-cut="cut=true;cutnum=cutnum+1;" ng-paste="paste=true;pastenum=pastenum+1;" ng-init="copynum =0; pastenum =0;cutnum =0;copied=false;cut=false; paste=false; value='copy me'" ng-model="value">
<br>
复制了: {{copied}},复制次数:{{copynum}}.<br>//触发ctrl+c事件执行的函数
剪切了:{{cut}},剪切次数:{{cutnum}}.<br>//触发ctrl+x事件执行的函数
粘贴了:{{paste}},粘贴次数:{{pastenum}}.<br>//触发ctrl+v事件执行的函数

转载于:https://www.cnblogs.com/qiudongjie/p/6700838.html