微信小程序中input标签详解及简单实例


Posted in Javascript onMay 18, 2017

微信小程序中input标签详解及简单实例

使用input标签,我们都会,在微信小程序中使用,必定也是可以一下子就会的,但是却有些常用的属性无法按照习惯去使用:
我就用我最常用的来做例子:

一个一个来解读:

首先,我是定义了他的id,这是我们最常用的,所以就配了一个id,毕竟不操作他,又为什么设成输入框呢, 
第二,设置他的样式, 
第三,设置他的输入类别,以上都是很简单的 
第四。使用正则l;哎限定输入为纯数字。这点可能有点不理解,这是对他的keyup事件监听,将不是纯数字的list无视掉。注意,是对整个,不是经行筛选。 
第五,限制他的输入最多6位数 
第六输入事件监听。这是微信专属的,他的事件下面会给出 
第七,设置当输入框为空的时候他的‘提示语';

bindinput事件:

bind,顾名思义是绑定,绑定input输入

事件如下:

tapevent:function(e){
  // 减少的时候
  if (e.target.id =="increase"){
this.data.tickets++;
this.setData(this.data);
  }
  else {
   this.data.tickets--;
   this.setData(this.data);
  }
  // 在这里修改总额
 },

这是节选,所以先不要好奇怎么运行到这一段的,看得出来。tapevent被定义为一个function。并且在这经行操作,感觉微信跟Android差不多。都是靠刷新页面来的。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
jquery实现非叠加式的搜索框提示效果
Jan 07 Javascript
jquery插件开发之实现google+圈子选择功能
Mar 10 Javascript
javascript中获取元素标签中间的内容的实现方法
Oct 08 Javascript
基于javascript实现按圆形排列DIV元素(三)
Dec 02 Javascript
最全的JavaScript开发工具列表 总有一款适合你
Jun 29 Javascript
如何使用VuePress搭建一个类型element ui文档
Feb 14 Javascript
Emberjs 通过 axios 下载文件的方法
Sep 03 Javascript
layui table动态表头 改变表格头部 重新加载表格的方法
Sep 21 Javascript
JS数组方法slice()用法实例分析
Jan 18 Javascript
JS FormData对象使用方法实例详解
Feb 12 Javascript
jquery实现上传图片功能
Jun 29 jQuery
浅谈vue.watch的触发条件是什么
Nov 07 Javascript
JavaScript运动框架 链式运动到完美运动(五)
May 18 #Javascript
JavaScript运动框架 多值运动(四)
May 18 #Javascript
微信小程序页面开发注意事项整理
May 18 #Javascript
基于BootStrap的前端分页带省略号和上下页效果
May 18 #Javascript
微信小程序网络请求wx.request详解及实例
May 18 #Javascript
微信小程序实现锚点定位楼层跳跃的实例
May 18 #Javascript
Vue2 使用 Echarts 创建图表实例代码
May 18 #Javascript
You might like
收音机频率指针指示不准确和灵敏度低问题
2021/03/02 无线电
vs中通过剪切板循环来循环粘贴不同内容
2011/04/30 PHP
ajax+php控制所有后台函数调用
2015/07/15 PHP
分享五个PHP7性能优化提升技巧
2015/12/07 PHP
php中上传文件的的解决方案
2018/09/25 PHP
IE与firefox之jquery用法区别
2008/10/03 Javascript
jquery 多行滚动代码(附详细解释)
2010/06/17 Javascript
jquery实现通用版鼠标经过淡入淡出效果
2014/06/15 Javascript
js实现选中页面文字将其分享到新浪微博
2015/11/05 Javascript
JavaScript类型检测之typeof 和 instanceof 的缺陷与优化
2016/01/13 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
2016/09/02 Javascript
jsTree使用记录实例
2016/12/01 Javascript
jQuery扩展+xml实现表单验证功能的方法
2016/12/25 Javascript
js 简易版滚动条实例(适用于移动端H5开发)
2017/06/26 Javascript
import与export在node.js中的使用详解
2017/09/28 Javascript
在angularJs中进行数据遍历的2种方法
2018/10/08 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
2019/06/03 Javascript
Electron + vue 打包桌面操作流程详解
2019/06/24 Javascript
layui table 多行删除(id获取)的方法
2019/09/12 Javascript
使用vant的地域控件追加全部选项
2020/11/03 Javascript
vue实现抽屉弹窗效果
2020/11/15 Javascript
简单介绍Python中的round()方法
2015/05/15 Python
Python简单基础小程序的实例代码
2019/04/28 Python
Python协程 yield与协程greenlet简单用法示例
2019/11/22 Python
tensorflow实现在函数中用tf.Print输出中间值
2020/01/21 Python
CSS3之2D与3D变换的实现方法
2019/01/28 HTML / CSS
EJB3.1都有哪些改进
2012/11/17 面试题
法学专业毕业生自荐信范文
2013/12/18 职场文书
村干部培训班主持词
2014/03/28 职场文书
报告会主持词
2014/04/02 职场文书
物理学专业自荐信
2014/06/11 职场文书
党的群众路线教育实践活动心得体会范文
2014/11/05 职场文书
计划生育目标责任书
2015/05/09 职场文书
运动会致辞稿
2015/07/29 职场文书
校园文化艺术节开幕词
2016/03/04 职场文书
深入理解 Golang 的字符串
2022/05/04 Golang