您现在的位置:首页 >> 前端 >> 内容

微信小程序中的input组件

时间:2017/4/13 13:50:00 点击:

  核心提示:微信小程序中的input组件:微信小程序中input组件效果和我们网页中的input类似。这里只说一下事件,其他属性详细我们查看微信小程序官方文档。bindfocus: 指当我们的输入框获得焦点时触发...

微信小程序中的input组件:微信小程序中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);
}

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

作者:网络 来源:HaiJing199
  • 上一篇:npm包管理工具
  • 下一篇:phpredis扩展安装