微信小程序事件绑定之tap input change语法

事件绑定：当用户在页面触发了一些事件之后 发送给微信客户端 然后传递给逻辑层js

小程序中常用的事件：

tap

• 手指触摸后马上离开 类似于click点击事件
• 绑定方式 bindtap 或 bind:tap

input

• 文本框的输入事件
• 绑定方式 bindinput 或 bind:input

change

• 状态改变时触发
• 绑定方式 bindchange 或 bind:change

bindtap 语法格式

在小程序中 不存在html中的onclick鼠标点击事件 而是通过tap事件来响应用户的触摸行为

1.通过bindtap 可以为组件绑定tap触摸事件 语法如下

<button type="primary" bindtap="btnTapHandler">按钮</button>

 2.在页面的.js文件中 定义对应的事件处理函数 事件参数通过形参event(也可以简写e) 来接受

  //定义按钮的事件处理函数
  btnTapHandler(event){
    console.log(event);
  },

3.点击小程序按钮button之后 会打印出一个tap事件来反应