微信小程序如何获取单个input值

 时间:2024-10-24 16:38:21

1、微信小程序是没有document对象的,所以获取单个input的值

微信小程序如何获取单个input值

2、不能通过document去抓取input的元素对象再获取元素的值。

微信小程序如何获取单个input值

3、微信对input的组件,提供了多个事件,看来只能通过这些事件去实现单个input的值的获取。

微信小程序如何获取单个input值

4、bindblur,失去焦点事件,e.detail.value取的这个对象的值。大家console.log其他事件的对象,会发现都会有detail这个属性。

微信小程序如何获取单个input值

5、表单中的数据就是存入这个属性中。另外还有一个target的属性,可以在元素添加data-id属性在元素中去保存一些值,这个在某些地方还是很有用的,比如处理tab切换的时候。

微信小程序如何获取单个input值

6、用这个事件应该是让用户先失去焦点后,再点获取按钮,这样是没问题的。但是用户的行为是没法预测的,使用bindblur不太妥当。所以这里的bindblur可替换为bindinput事件,表示获取实时输入的数据。上面的列子只要把xml bindblur改为bindInput即可,其他不变。

微信小程序如何获取单个input值
  • DateTimePicker设置默认时间后无法再次选中
  • xshell如何设置在全屏模式中显示会话选项卡?
  • SQL Server Managment如何修改查询结果保存位置
  • css样式中怎么让三个按钮在水平位置分散对齐
  • jquery如何获取某个元素距离它父级的偏移量
  • 热门搜索
    三亚旅游景点排名 涨奶疼怎么办 资金申请报告怎么写 游戏根目录在哪里 韩金靓染发剂怎么样 如何做好班主任 如何投诉淘宝卖家 如何泡发干海参 公司内帐怎么做 个人档案存放在哪里