首頁(yè) 猿問關(guān)于vue的使用

關(guān)于vue的使用

JavaScript

四季花海 2018-12-13 14:15:08

最近做項(xiàng)目遇到一個(gè)問題,使用vue在一個(gè)div上同時(shí)添加click和dblclick事件，dblclick事件會(huì)觸發(fā)click事件，怎么樣設(shè)置才能兩個(gè)事件互不干擾呢？單擊事件和雙擊事件的沖突如何解決？

查看完整描述

1 回答

慕的地8271018

TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超4個(gè)贊

，可以利用 setTimeout() 方法來延時(shí)完成 click 事件的處理，在需要停止 click 的時(shí)候利用 clearTimeout() 方法停止這一事件的處理。這樣，就可以比較容易的寫出如下的 javascript 代碼：

data(){

return{

timer:null

}

methods{

// 單擊事件

oneClick(){

this.timer && clearTimeout(this.timer);

this.timer = setTimeout(function(){

需要做的事情

},300);

}

// 雙擊事件

twoClick(){

this.timer && clearTimeout(this.timer);

需要做的事情

}

反對(duì) 回復(fù) 2019-01-28

關(guān)注

舉報(bào)

0/150

提交

取消

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)