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

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

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

解決demo分析

這兩天提交項(xiàng)目遇到一個(gè)需求，就是測(cè)試需要復(fù)制文字內(nèi)容 但是不觸發(fā)點(diǎn)擊事件， 在網(wǎng)上沒有找到類似的方法， 就自己想到一個(gè)方法 ，通過點(diǎn)下鼠標(biāo)和抬起鼠標(biāo)的時(shí)間差來判斷是否觸發(fā)點(diǎn)擊事件。

廢話不多說 直接上代碼 首先是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)框類名

主要是這兩個(gè)方法

ng-mousedown="skipDown()"

ng-mouseup="skipUp($index)"

ng-mousedown是按下按鈕時(shí)觸發(fā)的方法

ng-mouseup是松開按鈕時(shí)觸發(fā)的方法

// 按下按鈕觸發(fā)的方法 獲取按下按鈕的時(shí)間
$scope.skipDown = function() {
    $scope.skipDownTime = Date.parse(new Date());
}
// 松開按鈕的觸發(fā)方法 獲取松開按鈕的時(shí)間
$scope.skipUp = function(index) {
    $scope.skipUpTime = Date.parse(new Date());
  // 這里判斷松開按鈕和點(diǎn)下按鈕直接的時(shí)間差 是否小于0.5秒
      小于0.5秒則觸發(fā)skipInfor的方法
    if($scope.skipUpTime - $scope.skipDownTime < 500) {
       $scope.skipInfor(index);// 這里是具體方法
    }
}

這樣你就可以進(jìn)行復(fù)制粘貼了，不用擔(dān)心復(fù)制的時(shí)候會(huì)觸發(fā)按鈕方法

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

相關(guān)文章

最新評(píng)論