需求: 触摸实现方向键上面的小三角的显隐


wxml

<view class='right-view' catchtouchstart="onRightTouchStart" catchtouchend="onRightTouchEnd" >

<image class='right-img' wx:if="{{rightImg}}"  src="/ico/right.png">image>

view>

js

onRightTouchStart: function(event){

this.setData({

rightImg: false

})

},


onRightTouchEnd: function (event) {

this.setData({

rightImg: true

})

}


实现的效果是: 第一次触摸图片隐藏,第二次触摸图片显示。  我想要的项目是每次触摸开始时隐藏,结束时显示。

下图是两次触摸后控制台的输出信息


测试end事件的话,  第一次触摸释放后,end事件不会触发。

谢谢大神了

展开全部
收起
5回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Tammy

    19人对此回答表示赞同

    如果是预期中的行为。那像我这种需求的话,如何实现?

    展开
    19
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • 胖小王

    11人对此回答表示赞同

    不要用wx:if把节点删除,用hidden来隐藏吧。因为节点被删除的时候,对应的touch*事件就消失了。

    展开
    11
    5回复
    发布于 6年前

    评论(5)

    收起评论

    • B里爸爸 2018-11-16 21:51

      猜测是某些平台上录音接口有问题。我们还在排查中。

      回复
    • 末初之至 2018-11-18 21:55

      请问有什么解决办法吗

      回复
    • LanceCheng 2018-11-21 00:35

      stopRecord没有成功

      回复
    • 庸人一枚 2018-11-22 22:56

      麻烦确认一下是touchend事件没有触发还是stopRecord没有成功?

      回复
    • Jonathan 2018-11-24 12:37

      在做长按录制语音的时候也发现了touchend在点击之后快速离开时不会触发,导致松开按钮的时候不会停止录音

      回复
  • 贺纸张

    8人对此回答表示赞同

    这个是我们预期中的行为,不是bug。

    展开
    8
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • Fiona徐诗吟

    6人对此回答表示赞同

    展开
    6
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • 从不骑驴找马

    2人对此回答表示赞同

    还有个问题。关于小程序布局的,有什么资料可以学习学习。我看了css的布局,但是在实际布局时还是遇到问题需要找很久。

    展开
    2
    0回复
    发布于 6年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部