微信小程序输入框样式大全

时间：2023-07-01 14:05 阅读数：28 人阅读分类：网站建设

　　微信小程序输入框样式大全送给有需要的朋友们，以下是小编整理的微信小程序输入框样式大全，您可以用去设置自己的微信小程序输入框样式。

　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()

　　以上就是小编整理的微信小程序输入框样式大全啦，更多精彩内容尽在微小乔。请多多关注微小乔。希望以上的内容对大家有帮助。