Js實現長按事件

最近在做一個項目,點擊一個按鈕,彈出一張圖片,長按圖片保存圖片,點擊圖片圖片隱藏。
在做的時候發現,當我們長按圖片的時候也會執行點擊圖片的事件,這時候我們就需要判斷長按事件和點擊事件了。
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){//點擊
         //此處為點擊事件----在此處添加跳轉詳情頁
        console.log('這是點擊')
     }
     return false;
    },
  }
}
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1、通過CocoaPods安裝項目名稱項目信息 AFNetworking網絡請求組件 FMDB本地數據庫組件 SD...
    陽明AGI閱讀 16,003評論 3 119
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,200評論 4 61
  • 2017年9月21日.上午09-59分通過朋友介紹.慕名而去我認識了一位姓z的男士. 其實這位先生沒有什么特別,只...
    談情說愛閱讀 294評論 0 0
  • 大家好!萱萱來更新3月第四周總結了。 先概述下本周狀態: 優點:堅持晨跑,正式著手準備托福,駕校準備考科一 問題:...
    萱萱老師閱讀 1,829評論 16 62
  • 大家讀過《夏洛的網》吧!本書講述了弗恩救下了最小的落腳豬,并取名叫威爾伯。威爾伯從小被阿拉布爾先生買給了弗恩的舅舅...
    海洋之蓮閱讀 729評論 0 0