angular-long-press 是一个 AngularJS 的指令，可以在鼠标长按时执行一些操作，非常适合移动端应用。本篇文章将为您详细介绍如何使用该 npm 包。
安装
你可以用npm安装：
npm install angular-long-press --save
或者使用 bower：
bower install angular-long-press --save
安装完成后，将 angular-long-press.js 加入到您的 app 中。
<script src="bower_components/angular-long-press/dist/angular-long-press.js"></script>
用法
在您的 AngularJS 应用中，引入这个指令：
angular.module('myModule', ['ngLongPress']);之后就可以在HTML代码中使用 ng-long-press 指令了：
<button ng-long-press="longPress()">长按此处进行操作</button>
其中 longPress() 是你要执行的函数。
这个函数会在用户长按按钮时被调用。如果用户在长按期间移开鼠标或手指，该函数不会执行。但是在松开的瞬间，如果鼠标或手指在指定的元素上，该函数也会被调用。
如果你想在长按开始时执行一个不同的函数，可以这样做：
<button ng-long-press="longPress()" ng-long-press-delay="500" ng-long-press-start="longPressStart()">长按此处进行操作</button>
这里 ng-long-press-delay 指定了长按延迟的时间（单位为毫秒），默认值为 600 毫秒。 ng-long-press-start 指定了长按开始时要执行的函数。
示例代码
-- -------------------- ---- -------
--------- -----
----- --------- -------------
------
----- ----------------
------------------------- ------------
------- -----------------------------------------------------------------------
------- ------------------------------------------------------------------------------------------
--------
--------------------- ----------------
----------------------- -------- -------- -
-------------- - ---
---------------- - -------- -- -
-------------- - ---- ---- ----------
--
--------------------- - -------- -- -
-------------- - ---- ---- ----- --- --------
--
---
---------
-------
----- -------------------------
---------------------- ---------
------- --------------------------- ------------------------- -------------------------------------------- --- ---- ------------
------ ------- -------
-------
-------通过以上代码，您应该已经可以快速了解并使用 angular-long-press 了。这个小工具非常适合移动端开发，希望对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005549281e8991b448d1d4b