频道栏目
首页 > 资讯 > HTML/CSS > 正文

微信小程序中的input组件

17-04-13        来源:[db:作者]  
收藏   我要投稿

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

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

相关TAG标签
上一篇:Java_001_数据类型与运算符
下一篇:依赖传递与scope
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站