微信小程序监听input输入并取值

小程序的事件分为两种,冒泡和非冒泡事件,像<form/>submit事件,<input/>input事件,<scroll-view/>scroll事件等非冒泡事件,需要到组件的文档里去找,如下是我截图的一些常用的非冒泡事件

非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。

想要实时监听input的输入只要使用bindinput就可以了,

wxml:

  <input bindinput='watchPassWord' type='password' class="weui-input" placeholder="请输入密码" />

js:

Page({
  // 监听输入
  watchPassWord: function (event) {
    console.log(event.detail.value);
  }
})

event是当前的事件对象,包含当前的各种信息,detail就是我们需要的信息了,按自己的需求处理就好,console展开如下:

冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏令仔很忙

【JAVA调错】----JBoss发布多个项目时抛出webAppRootKey错误

进行如上配置后,修改log4j.xml后,在刷新间隔时间后,配置的监听器Log4jConfigListener会重新加载log4j相关配置。

642
来自专栏大内老A

ASP.NET MVC集成EntLib实现“自动化”异常处理[实例篇]

个人觉得异常处理对于程序员来说是最为熟悉的同时也是最难掌握的。说它熟悉,因为仅仅就是try/catch/finally而已。说它难以掌握,则是因为很多开发人员却...

17510
来自专栏大内老A

ASP.NET MVC如何实现自定义验证(服务端验证+客户端验证)

ASP.NET MVC通过Model验证帮助我们很容易的实现对数据的验证,在默认的情况下,基于ValidationAttribute的声明是验证被使用,我们只需...

1775
来自专栏情情说

深入浅出MyBatis:MyBatis的所有配置

上一篇介绍了JDBC的相关概念、MyBatis的特性与Hibernate的区别、MyBatis的基本组件与生命周期,基本可以使用MyBatis了。

3598
来自专栏玩转JavaEE

Spring常用配置

上篇文章我们简单介绍了Spring的基本配置,算是一个简单的入门,这篇文章我们再一起来看看Spring在使用的过程中一些其他的常见配置。 Bean的Scope ...

3136
来自专栏ASP.NETCore

在ASP.NET Core下使用SignalR技术

  上次我们讲到过如何在ASP.NET Core中使用WebSocket,没有阅读过的朋友请参考 WebSocket in ASP.NET Core 文章 。这...

632
来自专栏Java 技术分享

Servlet 学习笔记

3276
来自专栏大内老A

通过几个Hello World感受.NET Core全新的开发体验

2016年6月27日,这是一个特殊的日子,微软全新的.NET开发平台.NET Core的RTM版本正式发布。我个人将.NET Core的核心特性归结为三点,它们...

1836
来自专栏Java后端生活

JavaWeb(十)Session

2037
来自专栏Java3y

Struts2【UI标签、数据回显、资源国际化】

Struts2UI标签 Sturts2为了简化我们的开发,也为我们提供了UI标签…也就是显示页面的标签….. 但是呢,Struts2是服务端的框架,因此使用页面...

2604

扫描关注云+社区