微信小程序输入框代码，小程序输入框样式怎么制作？

时间：2023-07-01 14:05 阅读数：110 人阅读分类：知识百科

　　微信小程序输入框应该能称得上是微信小程序的开门砖，输入框做的不好，小程序也会受影响。今天小编就为大家带来微信小程序输入框样式制作大全，大家以后也就能够随心所欲的制作自己喜欢的输入框样式了，希望能对大家有所帮助。

　　js文件部分

　　// page/component/component-pages/input/input.js

　　Page({

　　data: {

　　focus: false,

　　inputValue: ''

　　bindButtonTap: function() {

　　this.setData({

　　focus: true

　　})

　　bindKeyInput: function(e) {

　　this.setData({

　　inputValue: e.detail.valu

　　indReplaceInput: function(e) {

　　var value = e.detail.value

　　var pos = e.detail.curso

　　if(pos != -1){

　　// 光标在中间

　　var left = 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()

　　感谢大家的观看。以上就是小编为大家整理的微信小程序输入框样式的相关内容了哦，微信小程序输入框样式怎么制作?相信大家看完上述介绍已经觉得不复杂了吧。如果大家还有什么不懂的或者说是觉得小编讲得不好的地方，您还可以在下方评论区留言说出您的诉求哦，小编会尽可能的采纳大家的建议的哦。如果您还想了解更多的微信公众号素材资讯的话，那就请多多关注微微风吧!