【微信小程序/事件】事件响应的各种场景

bindtap：点击事件

顾名思义，点击就会响应

（1）使用范例

<!-- wxml -->
<view  bindtap="tap"> Click me! </view>
<!-- 点击后，就会执行位于js文件中的名为 "tap" 的方法 -->

//js
Page({
  tap: function(e) {
    console.log(e);
  }
})

bindfocus：聚焦事件

适用于像input、textarea这类的输入框，当输入框得到焦点，就会触发事件。

（1）使用范例

<!-- wxml -->
<input  bindfocus="focu"></input>
<!-- 得到焦点后，就会执行位于js文件中的名为 focu" 的方法 -->

//js
Page({
  focu: function(e) {
    console.log(e);
  }
})

bindblur：失焦事件

适用于像input、textarea这类的输入框，当输入框失去焦点，就会触发事件。

（1）使用范例

<!-- wxml -->
<input  bindblur="blur"></input>
<!-- 得到焦点后，就会执行位于js文件中的名为 blur" 的方法 -->

//js
Page({
  blur: function() {
  	...
  }
})

bindinput：输入事件

适用于像input、textarea这类的输入框，当输入框被输入内容时，就会触发事件。

（1）使用范例

<!-- wxml -->
<input  bindblur="input"></input>
<!-- 得到焦点后，就会执行位于js文件中的名为 input" 的方法 -->

//js
Page({
  blur: function(e) {
  	console.log(e.detaile.value);  //在终端打印正在输入的内容
  }
})