angularJS?實現(xiàn)長按不觸發(fā)點擊事件可以復制剪貼方法
更新時間：2023年06月30日 10:33:50 作者：Skywang
這篇文章主要為大家介紹了angularJS實現(xiàn)長按不觸發(fā)點擊事件可以復制剪貼方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
解決demo分析
這兩天提交項目遇到一個需求，就是測試需要復制文字內容 但是不觸發(fā)點擊事件， 在網上沒有找到類似的方法， 就自己想到一個方法 ，通過點下鼠標和抬起鼠標的時間差來判斷是否觸發(fā)點擊事件。
廢話不多說 直接上代碼 首先是html界面
<span ng-mousedown="skipDown()" ng-mouseup="skipUp($index)" style="cursor: pointer;" data-toggle="modal" ><a>{{resource.content}}</a></span>這里data-toggle="modal"是Bootstrap的模態(tài)框類名
主要是這兩個方法
ng-mousedown="skipDown()"
ng-mouseup="skipUp($index)"
ng-mousedown是按下按鈕時觸發(fā)的方法
ng-mouseup是松開按鈕時觸發(fā)的方法
// 按下按鈕觸發(fā)的方法 獲取按下按鈕的時間
$scope.skipDown = function() {
$scope.skipDownTime = Date.parse(new Date());
}
// 松開按鈕的觸發(fā)方法 獲取松開按鈕的時間
$scope.skipUp = function(index) {
$scope.skipUpTime = Date.parse(new Date());
// 這里判斷松開按鈕和點下按鈕直接的時間差 是否小于0.5秒
小于0.5秒則觸發(fā)skipInfor的方法
if($scope.skipUpTime - $scope.skipDownTime < 500) {
$scope.skipInfor(index);// 這里是具體方法
}
}這樣你就可以進行復制粘貼了，不用擔心復制的時候會觸發(fā)按鈕方法
以上就是angularJS 實現(xiàn)長按不觸發(fā)點擊事件復制剪貼的詳細內容，更多關于angularJS 長按復制剪貼的資料請關注腳本之家其它相關文章！
相關文章
這篇文章主要介紹了angularJS結合canvas畫圖例子的方法,需要的朋友可以參考下2015-02-02
Angular directive遞歸實現(xiàn)目錄樹結構代碼實例
本篇文章主要介紹了Angular directive遞歸實現(xiàn)目錄樹結構代碼實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要給大家介紹了關于如何以Angular的姿勢打開Font-Awesome的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用Angular具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。2018-04-04
這篇文章主要介紹了AngularJS中數據的雙向綁定機制,雙向綁定使得HTML中呈現(xiàn)的view與AngularJS中的數據一致,是Angular的重要特性之一,需要的朋友可以參考下2016-03-03
Directive是一個非常棒的功能?？梢詫崿F(xiàn)我們自義的的功能方法。下面通過實例代碼給大家介紹Angularjs自定義指令Directive相關知識，感興趣的朋友一起學習吧2017-05-05
這篇文章主要介紹了angularJS提交表單（form）的方法和示例,需要的朋友可以參考下2015-02-02
這篇文章主要為大家介紹了Angular應用里異步打開對話框技術詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-12-12
本文給大家詳細分析了Angular2整合其他插件的方法，有興趣的朋友學習下。2018-01-01
這篇文章主要為大家深入解析了Angular動態(tài)導入和懶加載實例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-10-10
angularjs利用directive實現(xiàn)移動端自定義軟鍵盤的示例
下面小編就為大家?guī)硪黄猘ngularJS利用directive實現(xiàn)移動端自定義軟鍵盤的示例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09