<view class="zore" bindtouchstart="touchStartImg" bindtouchend="touchCansceImg" bindtouchcancel="touchcancel"  bindlongpress='longpress'>
  <view wx:if="{{show}}" class="gif">
    <view>1</view>
    <image style="width: 200px; height: 200px; background-color: #eeeeee;" mode="scaleToFill" src="cloud://dev-0gccbidx1b0024c7.6465-dev-0gccbidx1b0024c7-1309288604/1.jpg"></image>
  </view>
  <view wx:else="{{!show}}" class="static">
    <view>2</view>
    <image style="width: 200px; height: 200px; background-color: #eeeeee;" mode="scaleToFill" src="cloud://dev-0gccbidx1b0024c7.6465-dev-0gccbidx1b0024c7-1309288604/iqiyi_1647414830485.gif"></image>
  </view>
</view>

// pages/calculate/calculate.js


Page({


  /**
   * 页面的初始数据
   */
  data: {
    show:true
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {


  },


  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {


  },


  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {


  },


  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {


  },


  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {


  },


  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {


  },


  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {


  },


  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {


  },
  /**
   * 
   */
  touchStartImg(){
    console.log("开始触碰")
    this.setData({
      show:false
    })
  },


  touchCansceImg(){
    console.log("触碰结束");
    this.setData({
      show:true
    })
  },




  longpress(){
    console.log("longpress");
    this.setData({
      show:true
    })
  },


  touchcancel(){
    console.log("cancel");
    this.setData({
      show:true
    })
  },


  longpress(){
    console.log("longpress");
    this.setData({
      show:true
    })
  }
})

长按后bindtouchend触发成功一次。下一次在长按bindtouchend就失效了