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