欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

angularJS?實現(xiàn)長按不觸發(fā)點擊事件可以復(fù)制剪貼方法

 更新時間：2023年06月30日 10:33:50   作者：Skywang  
這篇文章主要為大家介紹了angularJS實現(xiàn)長按不觸發(fā)點擊事件可以復(fù)制剪貼方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪

解決demo分析

這兩天提交項目遇到一個需求，就是測試需要復(fù)制文字內(nèi)容 但是不觸發(fā)點擊事件， 在網(wǎng)上沒有找到類似的方法， 就自己想到一個方法 ，通過點下鼠標和抬起鼠標的時間差來判斷是否觸發(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ù)制粘貼了，不用擔(dān)心復(fù)制的時候會觸發(fā)按鈕方法

以上就是angularJS 實現(xiàn)長按不觸發(fā)點擊事件復(fù)制剪貼的詳細內(nèi)容，更多關(guān)于angularJS 長按復(fù)制剪貼的資料請關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評論