微信小程序的input表单常用事件

1.bindinput，键盘输入完一个数据时触发，但是输入很多数据时，会重复触发很多次事件

HTML代码：

<input type="text" placeholder="表单输入框" bindinput="input"/>

JavaScript代码：

input:function(e){
	//e.detail.value可以拿到绑定本次事件的表单当中的数据
    console.log(e.detail.value);
  }

2.bindfocus，当表单输入框获取到焦点时触发的事件

3.bindblur，当表单输入框失去焦点时触发的事件

4.bindconfirm，当点击完成时触发的事件，手机端键盘右下角的完成按钮

表单输入框的事件常用于与pages对象当中的data进行数据交互，想要在事件中拿到data数据可以用this.data的形式，这里的this表示的是页面对象。但是微信小程序页面的渲染是一次性的过程，如果在事件当中改变data当中的数据时，页面也不会改变，想要页面的数据同时发生变化，必须使用this.setDate()事件，在这个事件当中，可以直接拿到this.data当中的数据。

数据双向绑定的实现：（就是Vue框架的v-model属性）
HTML代码：

<input type="text" placeholder="表单输入框" bindinput="input" value="{{name}}"/>
<view>{{name}}</view>

js代码：

 data: {
      name:'',
  },
  input:function(e){
    this.setData({
      name:e.detail.value
    })
  }

效果图：在表单当中输入的内容会同时响应到下面的view标签当中