微信小程序中的input组件

来源:互联网 发布:淘宝卖家等级分去哪看 编辑:程序博客网 时间:2024/05/20 05:10

微信小程序中input组件效果和我们网页中的input类似。
这里只说一下事件,其他属性详细我们查看微信小程序官方文档
bindfocus: 指当我们的输入框获得焦点时触发,也就是鼠标或者手指点击到输入框时。
bindblur: 指输入框失去焦点是触发,也就是当我们敲击回车或手机上的完成又或者是点击屏幕上的空白处时触发。
bindchange: 这个事件官方文档中没有写,它的效果和bindblur一样,至于看名字我们可能觉得bindchange在输入框中的内容不改变时不会触发,但是亲测即使内容不改变,bindchange事件也一样会触发。
bindinput: 没输入一个字符都会进行一次检索,通常用于实时检索。但是这种方法对数据库的要求较高。

如何获得用户输入到input框中的文本?
在bindblur或bindchange事件中我们通过event.detail.value获得

onBindBlur: function(event){    var text = event.detail.value;    console.log(text);}

点击回车或完成或页面空白处就可以得到用户输入的文本了。

1 0
原创粉丝点击