微信小程序监听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 条评论
登录 后参与评论

相关文章

来自专栏python学习之旅

Python+Selenium笔记(十五)调用JS

 (一) 方法 方法 简单说明 execute_async_script(script, args) 异步执行JS代码 s...

3488
来自专栏HTML5学堂

JavaScript中的typeof操作符 类型转换

HTML5学堂:JavaScript是弱变量类型的语言,有些时候我们需要知道变量的数据类型,并且需要进行数据类型的转换,我们通过这篇文章来学习一下如何获取变量的...

3216
来自专栏PHP实战技术

你应该这个姿势学习PHP(2)

1、循环数组有哪几种方式 1)foreach(能够循环关联和索引数组以及对象) 2)for(只能循环索引数组) 3)list和each配合使用循环数组 $arr...

25510
来自专栏佳爷的后花媛

数组(更新...)

在学习语言时,我们都会遇到数组.大学期间学过C,C++,Java,C#.这些语言中都学了数组,那时候用的不多,概念比较模糊,现在又学了php,里面也有数组,就打...

603
来自专栏岑志军的专栏

Swift-单例

1685
来自专栏算法与数据结构

实验9-3 编写一个存储过程proc_test_char

      使用@source2替换@target中出现的@source1的结果,别名rep

895
来自专栏Youngxj

for循环-c语言学习笔记

1794
来自专栏PHP实战技术

你应该这个姿势学习PHP(2)

2、is_array(),is_bool,is_int(),is_integer(),is_numeric(),is_string(),is_object(),...

3816
来自专栏Golang语言社区

切片的内部实现

type slice struct {         array unsafe.Pointer         len   int         ca...

36211
来自专栏我的博客

Jquery选择器

1、  基本选择器 选择器 描述 结果 示例 #id 根据id获取元素 单个 $(“#myid”)选取id的值为myid的元素 .class 根据...

3626

扫码关注云+社区