移动端一个按钮长按以及点击事件（js）

应需求，移动端点击按钮以及长按按钮，做出不同的操作（同一个按钮）；

<div class="join-car" @touchstart="gotouchstart"  @touchend="gotouchend">加入购物车</div>

gotouchstart(e) {
      e.preventDefault();
      clearTimeout(timeOutEvent); //清除定时器
      timeOutEvent = 0;
      timeOutEvent = setTimeout(() => {
        //执行长按要执行的内容，
        this.status = false;
        // alert("长按");
        this.value = "长按";
        this.$emit("footerClick", 4);
      }, 2000); //这里设置定时
    },
    gotouchend(e) {
      clearTimeout(timeOutEvent);
      if (this.status) {
        // alert("点击", this.status);
        this.$emit("footerClick", 5);
      } else {
        // 长按结束后消失操作(2s)
        this.status = true;
      }
    }