uniapp 官方并沒有提供雙擊事件,但很多時(shí)候需要給元素綁定雙擊事件,比如:自定義視頻播放器的雙擊暫停和播放、雙擊進(jìn)入隱藏頁面。 ```html <template> <button type="primary" @click="handClick">測(cè)試</button> </template> ``` ```javascript export default { data() { return { lastTapDiffTime: 0, lastTapTimeoutFunc: null, } }, methods: { // 單擊或雙擊 handClick() { const _this = this; // 當(dāng)前時(shí)間 const curTime = new Date().getTime(); // 上次點(diǎn)擊時(shí)間 const lastTime = _this.lastTapDiffTime; // 更新上次點(diǎn)擊時(shí)間 _this.lastTapDiffTime = curTime; // 兩次點(diǎn)擊間隔小于300ms, 認(rèn)為是雙擊 const diff = curTime - lastTime; if (diff < 300) { console.log('雙擊'); // 執(zhí)行方法 // _this.xxxxx() // 成功觸發(fā)雙擊事件時(shí),取消單擊事件的執(zhí)行 clearTimeout(_this.lastTapTimeoutFunc); } else { // 單擊事件延時(shí)300毫秒執(zhí)行 _this.lastTapTimeoutFunc = setTimeout(function() { console.log('單擊'); // 執(zhí)行方法 // _this.xxxxx() }, 300); } } } } ```