最近在做一個項目，點擊一個按鈕作儿，彈出一張圖片洛二，長按圖片保存圖片，點擊圖片圖片隱藏。
在做的時候發(fā)現(xiàn)晾嘶，當我們長按圖片的時候也會執(zhí)行點擊圖片的事件妓雾，這時候我們就需要判斷長按事件和點擊事件了。
html
<p class="longtap" @touchstart="start" @touchmove="move" @touchend="end">這是一張圖片 </p>
js
export default{
data(){
return{
longClick:0,
timeOutEvent: 0,
}
},
methods: {
start(){
var that =this;
this.longClick=0;
this.timeOutEvent =setTimeout(function(){
that.longClick=1;
},500)
},
move(e){
clearTimeout(this.timeOutEvent);
this.timeOutEvent = 0;
e.preventDefault();
},
end(){
clearTimeout(this.timeOutEvent);
if(this.timeOutEvent!=0 && this.longClick==0){//點擊
//此處為點擊事件----在此處添加跳轉(zhuǎn)詳情頁
console.log('這是點擊')
}
return false;
},
}
}
