微信小程序中取消事件绑定用变量来控制如何取消事件绑定

最新推荐文章于 2022-11-26 01:54:32 发布
最新推荐文章于 2022-11-26 01:54:32 发布
阅读量668 收藏
点赞数
分类专栏： #javascript 文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/J_aSON_/article/details/115559931
版权

在这里插入图片描述
因为语音输入有的语言不能识别，所以要禁用掉按钮在某些情况。
在这里插入图片描述
而由于这个录制语音的事件是touchStart,touchEnd,用button的disabled是禁用不掉的，我就想着把这个事件给解绑了，后来发现用本来控制disabled的变量来控制这个touch方法就好了，如果不想触发，直接用if条件给return 出去。nice!

J_aSON_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序开发中的数据绑定和事件处理
m0_72166538的博客
02-28 938
在微信小程序开发中，数据绑定和事件处理是非常重要的内容，可以通过数据绑定将数据与视图进行关联，并通过事件处理来监听用户的操作并作出相应的反馈。在上面的例子中，定义了一个handleClick方法，并在wxml文件中使用bindtap来声明一个点击事件，当按钮被点击时，会触发handleClick方法，并在控制台打印相关信息。否则，不渲染该部分视图。在上面的例子中，定义了name和age两个数据，并通过watch属性定义了一个属性监听函数，当age数据发生变化时，会触发回调函数并打印变化后的值和变化前的值。
微信小程序利用button控制条件标签的变量问题
01-19
问题描述 在小程序中如何利用button按钮来实现控制条件标签的变量呢？这也许是许多小伙伴们的问题，今天就来简单的给大家演示一遍。 解决方案 第一步： 首先打开微信公众平台，将一个 primary 的 button 按钮代码复制到开发平台上，再为其绑定一个名为 ” bindfirst ” 的事件。（当然这个 bindfirst 的事件需要在 js 中去定义，下面的步骤将会去定义） 代码如下： <view> <button type=primary bindtap=bindfirst> 点一下就改变 </button> </view> 第二步： 创建一个text用来 if 条件标签来控
微信小程序动态添加删除指定组件
weixin_46128398的博客
04-26 2356
这个问题困惑了我两天，网上关于这方面也很少，不能删除指定组件，只能删除最后一个，参考一个师兄的方法，问题终于解决了。代码关键在删除键放在组件外，每删除一个，要重新遍历数组，贴一下师兄的代码： //wxml <view> <inputclass="input" placeholder="请输入添加内容" v...
【微信小程序】一文解忧，事件绑定
m0_67393593的博客
07-31 179
?观众老爷们好呀，小程序系列的新文章又来啦，即使是暑假也不能停止学习呀！上文我们详细了解了微信小程序WXML模板语法中的数据绑定，小程序中的事件绑定也是我们必须掌握的方法。??那么现在我们就开始学习吧，小本本快拿出来记笔记呀。...
微信小程序系列——你知道什么是事件传播以及怎么防止吗？
前方一片光明
04-12 6792
如图，蓝色区域是红色区域的子元素； 我们希望点击子元素的时候，避免触发父元素的点击事件 这时候，可以使用catchTap来绑定点击事件： <view class='father' catchtap='ontapFather'> <view class='child' catchtap='ontapChild'></view> </view&...
微信小程序-参数传递与事件处理
u011927449的博客
08-18 385
前言 开发过程中经常会遇到从一个页面携带数据到另一个页面的情况，所以需要知道以下信息，什么是事件？有哪些传递方式？如果传递数组呢？如果传递对象呢？ 一、事件 什么是事件 事件是视图层到逻辑层的通讯方式 事件可以将用户的行为反馈到逻辑层进行处理 事件可以绑定在组件上，当达到触发事件，就会执行逻辑层对应的事件处理函数 事件对象可以携带额外信息，如id, dataset, touches 事件处理的使用 通过在wxml中设置bindtap、catchtap等，在js中写对应的实现方法（不过这种方式目前..
Uniapp开发件微信小程序，自定义组件@click不起作用
过着你们羡慕不来的生活
11-26 3303
有的人说添加@click后面​ .native，我遇到的问题用这个方法并不行，最后解决办法是在自定义组件内把事件把点击事件传递出去。
react-hammer库的详细介绍和实现滑动触摸点击事件方法
陈序员的博客
09-01 2365
react-hammer 简介 react-hammer 是一个帮助 react 实现移动端拖拽效果的插件，其实React-hammer就是基于hammer.js 构建而成的一个更适合在 React 中使用的触摸插件，react-hammer里面封装了很多js的事件（滑动，点击，触摸，移动，双击，缩放，拖拽等），比起写原生js事件更加容易使用，并且兼容性很强 hammer.js 简介 我们已经学习了HTML5中关于移动设备的触摸、手势等控制事件等知识，然而，在实际的JavaScript编写过程中，这些控制需
微信小程序 动态绑定事件 且通过事件修改样式
热门推荐
xiaochun365的博客
04-11 2万+
//wxml       {{item.name}}   //js var reportTypeList = [   { name: "日报1", id: "1" },   { name: "目录2", id: "2" },   { name: "季报3", id: "3" },   { name: "月报4", id: "4" },   { name: "日报5"
小程序绑定事件，显示和隐藏
Less is more
03-01 4985
实现小程序点击按钮，text显示和隐藏 代码 wxml &lt;view class="" wx:for="{{notice}}"&gt; &lt;button bindtap="noticeTap" data-item="{{index}}"&gt;click&lt;/button&gt; &lt;view class="{{item.i
微信小程序 教程之数据绑定
11-27
微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML 数据绑定 WXML中的动态数据均来自对应Page的data。 简单...
微信小程序--视图层的数据绑定、列表渲染、模板
03-29
数据绑定使用 Mustache 语法（双大括号）将变量包起来   使用方法： {{ 内容 }}  在组件中使用！ 不论是在组件包含在内，还是在组件属性内的，都是需要使用双花括号！ (此图片来源于网络，如有侵权，请联系删除! ...
微信小程序如何使用globalData的方法
12-10
微信小程序在JavaScript文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。如果希望在各个页面之间共同使用某些信息，并且可以对共享数据进行修改设置，以便于其他...
微信小程序-博客-微信小程序
08-06
blog_cx ...> 博客-微信小程序（爬坑专用） >小程序开发文档 入坑准备 js支持ES6 微信小程序的与众不同 .wxml：微信html文件 .wxss：微信css文件 响应式像素单位-rpx...爬坑：微信小程序用wx对象 调试，没有热
react中请求网络图片加载不出来的问题 解决
J_aSON_的博客
07-25 1304
React中img加载图片时遇上了403 我在做项目的时候遇上了这么一个问题，那就是在React项目中，使用img标签加载网页的图片的时候，居然遇上了403，但是直接把网页图片的地址放到地址栏时浏览器是可以成功加载的，但是放到React项目中使用img加载网页图片的时候就会403，如果遇上了这种情况，以下是解决办法： 在index.html文件中加上 <meta name="referrer" content="no-referrer"> 下面是转载的一篇技术介绍 Referrer Poli
getElementsByClassName（）与getElementById（）两个方法的返回值区别
J_aSON_的博客
07-15 1162
在这里我们可以很清楚的理解为什么获取div1时添加了一个[0]，但是明明类名为box1的元素只有一个时，这里也要添加[0]呢？ 这是因为获取div2时通过类名获取返回的本身是一个数组，只有通过[0]才能单独获得其中的元素。 这是添加了【0】的返回值 下面是不添加【0】的 返回： ...
三种不同形式的ref
J_aSON_的博客
07-15 849
三种不同形式的ref 一.字符串形式的ref （最老的版本，不是特别推荐使用了,他可能会在未来的版本中被移除） [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iqq9N6Vk-1626356126211)(/home/jason/.config/Typora/typora-user-images/image-20210715132455206.png)] 我们用ref = ‘input1’标记一个标签后， 用this.refs.input1获取到的东西不是虚拟dom,虚拟d
基本的JavaScript：使用递归创建倒计时
J_aSON_的博客
05-18 506
这个题刚开始我以为很简单的那种。但是这个题有一个点是我未曾注意到的。关键之处在于刚开始我没有看中文里的一句翻译， 之所以发生这种情况，是因为在递归调用返回之后，推送才最后一次发生。这句话解决了我所有的疑惑，茅塞顿开。 我终于明白了为什么当 n<1时，返回的但是一个空数组（ 【】 ）。 我一直以为最后一个是空数组的话，那答案一定是嵌套数组 （nested array). 终于，我明白，最后返回的数组中的中括号，就是由n<1时产生的。其实这个代码的执行过程，有点像深度搜索，先执行 countAr.
微信小程序中，开关绑定两个函数
最新发布
06-06
可以在小程序中使用 `bindchange` 属性来绑定开关组件的状态改变事件，同时可以在 JS 中定义两个函数来分别处理开关开启和关闭时的逻辑。 例如，在 wxml 文件中定义一个开关组件： ```html ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值