javascript - Web微信聊天输入框解决方案
问题描述
问题解答
回答1:<!--input.wxml--><view class='section'><inputplaceholder='这是一个可以自动聚焦的input'auto-focus/></view><view class='section'><inputplaceholder='这个只有在按钮点击的时候才聚焦' focus='{{focus}}' /><viewclass='btn-area'><buttonbindtap='bindButtonTap'>使得输入框获取焦点</button></view></view><view class='section'><input maxlength='10' placeholder='最大输入长度10' /></view><view class='section'><viewclass='section__title'>你输入的是:{{inputValue}}</view><input bindinput='bindKeyInput' placeholder='输入同步到view中'/></view><view class='section'><input bindinput='bindReplaceInput' placeholder='连续的两个1会变成2' /></view><view class='section'><input bindinput='bindHideKeyboard' placeholder='输入123自动收起键盘' /></view><view class='section'><inputtype='emoji' placeholder='这是一个带有表情的输入框' /></view><view class='section'><inputpassword type='number' /></view><view class='section'><inputpassword type='text' /></view><view class='section'><inputtype='digit' placeholder='带小数点的数字键盘'/></view><view class='section'><inputtype='idcard' placeholder='身份证输入键盘' /></view><view class='section'><inputplaceholder- placeholder='占位符字体是红色的' /></view>//input.jsPage({data:{focus:false,inputValue:''},bindButtonTap:function(){this.setData({focus:Date.now()})},bindKeyInput:function(e){this.setData({inputValue:e.detail.value})},bindReplaceInput:function(e){varvalue = e.detail.value;var pos= e.detail.cursor;if(pos!= -1){//光标在中间varleft = e.detail.value.slice(0,pos);//计算光标的位置pos =left.replace(/11/g,’2’).length;}
//直接返回对象,可以对输入进行过滤处理,同时可以控制光标的位置return {value:value.replace(/11/g,’2’),cursor:pos}
//或者直接返回字符串,光标在最后边//return value.replace(/11/g,’2’),},bindHideKeyboard:function(e){if(e.detail.value=== '123'){//收起键盘wx.hideKeyboard();}}})
相关文章:
1. mysql - 在不允许改动数据表的情况下,如何优化以varchar格式存储的时间的比较?2. css - chrome下a标签嵌套img 显示会多个小箭头?3. javascript - 网页打印页另存为pdf的代码一个问题4. vim - docker中新的ubuntu12.04镜像,运行vi提示,找不到命名.5. java中返回一个对象,和输出对像的值,意义在哪儿6. css3 - 纯css实现点击特效7. docker网络端口映射,没有方便点的操作方法么?8. mysql 为什么主键 id 和 pid 都市索引, id > 10 走索引 time > 10 不走索引?9. javascript - Img.complete和img.onload判断图片加载完成有什么区别?10. javascript - 有适合开发手机端Html5网页小游戏的前端框架吗?
