angularJS?實(shí)現(xiàn)長(zhǎng)按不觸發(fā)點(diǎn)擊事件可以復(fù)制剪貼方法
解決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)長(zhǎng)按不觸發(fā)點(diǎn)擊事件復(fù)制剪貼的詳細(xì)內(nèi)容，更多關(guān)于angularJS 長(zhǎng)按復(fù)制剪貼的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
這篇文章主要介紹了angularJS結(jié)合canvas畫圖例子的方法,需要的朋友可以參考下2015-02-02
Angular directive遞歸實(shí)現(xiàn)目錄樹結(jié)構(gòu)代碼實(shí)例
本篇文章主要介紹了Angular directive遞歸實(shí)現(xiàn)目錄樹結(jié)構(gòu)代碼實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
如何以Angular的姿勢(shì)打開Font-Awesome詳解
這篇文章主要給大家介紹了關(guān)于如何以Angular的姿勢(shì)打開Font-Awesome的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Angular具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-04-04
深入學(xué)習(xí)AngularJS中數(shù)據(jù)的雙向綁定機(jī)制
這篇文章主要介紹了AngularJS中數(shù)據(jù)的雙向綁定機(jī)制,雙向綁定使得HTML中呈現(xiàn)的view與AngularJS中的數(shù)據(jù)一致,是Angular的重要特性之一,需要的朋友可以參考下2016-03-03
Directive是一個(gè)非常棒的功能?？梢詫?shí)現(xiàn)我們自義的的功能方法。下面通過實(shí)例代碼給大家介紹Angularjs自定義指令Directive相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧2017-05-05
這篇文章主要介紹了angularJS提交表單（form）的方法和示例,需要的朋友可以參考下2015-02-02
Angular應(yīng)用里異步打開對(duì)話框技術(shù)詳解
這篇文章主要為大家介紹了Angular應(yīng)用里異步打開對(duì)話框技術(shù)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12
本文給大家詳細(xì)分析了Angular2整合其他插件的方法，有興趣的朋友學(xué)習(xí)下。2018-01-01
深入解析Angular動(dòng)態(tài)導(dǎo)入和懶加載實(shí)例
這篇文章主要為大家深入解析了Angular動(dòng)態(tài)導(dǎo)入和懶加載實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
angularjs利用directive實(shí)現(xiàn)移動(dòng)端自定義軟鍵盤的示例
下面小編就為大家?guī)硪黄猘ngularJS利用directive實(shí)現(xiàn)移動(dòng)端自定義軟鍵盤的示例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09