微信小程序如何获取单个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如何获取某个元素距离它父级的偏移量
  • 热门搜索
    满天星怎么养 rank函数排名怎么用 干海参怎么吃 引号怎么打 同比怎么算 艾滋病怎么传染 字符间距怎么设置 市民卡丢了怎么办 信用卡逾期怎么办 帝喾怎么读