这里写目录标题

bind与catch的区别
- ----------------
- 点击事件（单击）：bindtap
- 双击事件
- 长按事件：bindlongpress、bindlongtap
- - 长按与点击事件的执行顺序与关系
- ----------------
- 键盘输入事件：bindinput
- 回车事件：bindconfirm
- 输入框聚焦：bindfocus
- 输入框失焦：bindblur
- value改变事件：bindchange
- ---------------------
- 触摸事件：
- - 触摸动作开始：bindtouchstart
  - 触摸动作结束：bindtouchend
  - 触摸过程移动：bindtouchmove
  - 触摸动作被打断：bindtouchcancel
- ----------------
- 提交表单事件：bindsubmit
- 重置表单事件：bindreset

bind与catch的区别

bind和catch：
bind事件绑定不会阻止冒泡事件往上冒泡，简单来说，bind所绑定的事件对应会向上传递，让自己的父组件响应对应的事件。而catch事件会把对应的事件阻拦在自己这里，只有自己能够响应对应事件。、

----------------

点击事件（单击）：bindtap

双击事件

要想实现双击事件，只能通过我们写代码判断用户点击是否是双击行为。
思想：记录下用户两次点击的时间戳，两个时间戳相减如果小于300毫秒，则判断是双击事件。

.wxml代码：

<button data-time="{{lastTapTime}}" data-title="双击" bindtap="doubleClick">双击事件</button>

.js代码：

  data: {lastTapTime:0,},doubleClick: function (e) {var curTime = e.timeStampvar lastTime = e.currentTarget.dataset.time  // 通过e.currentTarget.dataset.time 访问到绑定到button组件的自定义数据console.log("上一次点击时间："+lastTime)console.log("这一次点击时间：" + curTime)console.log('--------------------------------');if (curTime - lastTime > 0) {if (curTime - lastTime < 300) {//判断为双击事件console.log("您双击了，用了：" + (curTime - lastTime))}}this.setData({lastTapTime: curTime})},

长按事件：bindlongpress、bindlongtap

长按事件是指 触摸超过350ms再离开

以前的（旧版）长按事件 bindlongtap 执行完后会触发点击事件 bindtap
现在的（新版）长按事件 bindlongpress 执行完后并不会触发点击事件 bindtap

长按与点击事件的执行顺序与关系

事件	触发顺序
点击事件	bindtouchstart --> bindtouchend --> tap
旧版长按事件	bindtouchstart --> bindlongtap --> bindtouchend --> tap
新版长按事件	bindtouchstart --> bindlongpress --> bindtouchend
*[旧版长按事件]:bindlongtap
*[新版长按事件]:bindlongpress

----------------

键盘输入事件：bindinput

键盘输入时触发，event.detail = {value, cursor, keyCode}，keyCode 为键值，2.1.0
起支持，处理函数可以直接 return 一个字符串，将替换输入框的内容。

回车事件：bindconfirm

输入框聚焦：bindfocus

输入框失焦：bindblur

value改变事件：bindchange

---------------------

触摸事件：

触摸动作开始：bindtouchstart

触摸动作结束：bindtouchend

触摸过程移动：bindtouchmove

触摸动作被打断：bindtouchcancel

如来电提醒，弹窗

----------------

提交表单事件：bindsubmit

重置表单事件：bindreset

微信小程序的事件大全相关推荐

wxml修改样式_微信小程序动态绑定事件并实现事件修改样式
微信小程序动态绑定事件并实现事件修改样式实例代码 wxml {{item.name}} js var reportTypeList = [ { name: "日报1", id: ...
微信小程序阻止冒泡点击_微信小程序bindtap事件与冒泡阻止详解
bindtap就是点击事件在.wxml文件绑定: cilck here 在一个组件的属性上添加bindtap并赋予一个值(一个函数名) 当点击该组件时, 会触发相应的函数执行在后台.js文件中定义 ...
微信小程序阻止事件冒泡
在vue中阻止事件冒泡的方法使用的event.stopPropagation(); 但微信小程序中事件传递的event却没有stopPropagation()这个方法解决方案:将绑定事件的bindt ...
微信小程序面试题大全
1.简述微信小程序的相关文件类型? WXML 搭建页面的结构 WXSS 页面样式文件 js 逻辑处理,网络请求 json 配置当前页面标题和引入组件等 app.js 可以在里边监听生命周期函数.声明全 ...
微信小程序面试题大全（持续更新）
1.请谈谈微信小程序主要目录和文件的作用? project.config.json:项目配置文件,用的最多的就是配置是否开启https校验 App.js:设置一些全局的基础数据等 App.json:底 ...
微信小程序scroll事件/onPageScroll事件的延迟问题
需求在前端开发中,我们经常会遇到一个需求,在页面进行滚动操作的时候,当页面其中的某个元素滚动到某个位置,我们就让该元素停留在该位置.等到滚动小于某个值的时候,再让该元素继续随着页面滚动.这就是我们平 ...
微信小程序-绑定事件以及bindtap和catchtap的区别
前言在微信小程序的开发过程中我们肯定会遇到时间绑定的问题,这时候我们一般都是采用bandtap或者是catchtap进行事件绑定的.那么他们两个的区别在哪里呢? 一.首先我们要先知道什么是事件微信 ...
微信小程序阻止事件冒泡
uniapp阻止事件冒泡:将子类的点击事件@click写成@click.stop 小程序阻止事件冒泡:将子类的点击事件bindtap写成catchtap
微信小程序免费资源大全
小程序开发环境搭建好之后,https://www.jianshu.com/p/0ff8c3b2f59f,开始写代码了,对于一个对小程序了解程度半生不熟的人来说无从下手,看视频吧又太浪费时间了,那么只要 ...
微信小程序Demo组件大全（对话框、指示器、五星评分，画廊，影院座位……
微信小程序 - 自定义组件预览用微信web开发者工具打开src目录(请注意,是src目录,不是整个项目) 使用组件的wxml结构请看src/components/下的组件样式文件可直接引用src ...

微信小程序的事件大全

这里写目录标题

bind与catch的区别

----------------

点击事件（单击）：bindtap

双击事件

长按事件：bindlongpress、bindlongtap

长按与点击事件的执行顺序与关系

----------------

键盘输入事件：bindinput

回车事件：bindconfirm

输入框聚焦：bindfocus

输入框失焦：bindblur

value改变事件：bindchange

---------------------

触摸事件：

触摸动作开始：bindtouchstart

触摸动作结束：bindtouchend

触摸过程移动：bindtouchmove

触摸动作被打断：bindtouchcancel

----------------

提交表单事件：bindsubmit

重置表单事件：bindreset

微信小程序的事件大全相关推荐

最新文章

热门文章