【微信小程序/事件】事件响应的各种场景

bindtap：点击事件
- （1）使用范例
bindfocus：聚焦事件
- （1）使用范例
bindblur：失焦事件
- （1）使用范例
bindinput：输入事件
- （1）使用范例

bindtap：点击事件

顾名思义，点击就会响应

（1）使用范例

<!-- wxml -->
<view  bindtap="tap"> Click me! </view>
<!-- 点击后，就会执行位于js文件中的名为 "tap" 的方法 -->

//js
Page({tap: function(e) {console.log(e);}
})

bindfocus：聚焦事件

适用于像input、textarea这类的输入框，当输入框得到焦点，就会触发事件。

（1）使用范例

<!-- wxml -->
<input  bindfocus="focu"></input>
<!-- 得到焦点后，就会执行位于js文件中的名为 focu" 的方法 -->

//js
Page({focu: function(e) {console.log(e);}
})

bindblur：失焦事件

适用于像input、textarea这类的输入框，当输入框失去焦点，就会触发事件。

（1）使用范例

<!-- wxml -->
<input  bindblur="blur"></input>
<!-- 得到焦点后，就会执行位于js文件中的名为 blur" 的方法 -->

//js
Page({blur: function() {...}
})

bindinput：输入事件

适用于像input、textarea这类的输入框，当输入框被输入内容时，就会触发事件。

（1）使用范例

<!-- wxml -->
<input  bindblur="input"></input>
<!-- 得到焦点后，就会执行位于js文件中的名为 input" 的方法 -->

//js
Page({blur: function(e) {console.log(e.detaile.value);  //在终端打印正在输入的内容}
})

【微信小程序/事件】事件响应的各种场景相关推荐

wxml修改样式_微信小程序动态绑定事件并实现事件修改样式
微信小程序动态绑定事件并实现事件修改样式实例代码 wxml {{item.name}} js var reportTypeList = [ { name: "日报1", id: ...
微信小程序阻止冒泡点击_微信小程序bindtap事件与冒泡阻止详解
bindtap就是点击事件在.wxml文件绑定: cilck here 在一个组件的属性上添加bindtap并赋予一个值(一个函数名) 当点击该组件时, 会触发相应的函数执行在后台.js文件中定义 ...
微信小程序阻止事件冒泡
在vue中阻止事件冒泡的方法使用的event.stopPropagation(); 但微信小程序中事件传递的event却没有stopPropagation()这个方法解决方案:将绑定事件的bindt ...
微信小程序开发系列五：微信小程序中如何响应用户输入事件
微信小程序开发系列教程微信小程序开发系列一:微信小程序的申请和开发环境的搭建微信小程序开发系列二:微信小程序的视图设计微信小程序开发系列三:微信小程序的调试方法微信小程序开发系列四:微信小程序 ...
微信小程序服务器未响应,微信小程序点击事件失效
想在主页上添加一个搜索功能但是加上之后发现原有的页面点击事件没有反应了个人怀疑是input和bindtap互相影响? 有人碰到类似的情况吗是怎么解决的 {{item}} this is a te ...
微信小程序scroll事件/onPageScroll事件的延迟问题
需求在前端开发中,我们经常会遇到一个需求,在页面进行滚动操作的时候,当页面其中的某个元素滚动到某个位置,我们就让该元素停留在该位置.等到滚动小于某个值的时候,再让该元素继续随着页面滚动.这就是我们平 ...
微信小程序-绑定事件以及bindtap和catchtap的区别
前言在微信小程序的开发过程中我们肯定会遇到时间绑定的问题,这时候我们一般都是采用bandtap或者是catchtap进行事件绑定的.那么他们两个的区别在哪里呢? 一.首先我们要先知道什么是事件微信 ...
微信小程序阻止事件冒泡
uniapp阻止事件冒泡:将子类的点击事件@click写成@click.stop 小程序阻止事件冒泡:将子类的点击事件bindtap写成catchtap
微信小程序 - 绑定事件 bindtap（包括是否传入参数）
小程序绑定事件的方式有很多种,这里我只对bindtap的绑定方式进行介绍,其他的绑定方式也是差不多这样的. 1.不带参数的绑定方式 index.wxml文件中:share表示绑定的事件名称 < ...
某微信小程序连锁超市响应参数解密
小程序名称: 57qi5peX6L+e6ZSB5ZOB5ZWG5Z+O 抓包请求 POST /?web046&tims=1654269437000,A8Iis6GGN2lkVJM1WdkuG ...

【微信小程序/事件】事件响应的各种场景

【微信小程序/事件】事件响应的各种场景

bindtap：点击事件

（1）使用范例

bindfocus：聚焦事件

（1）使用范例

bindblur：失焦事件

（1）使用范例

bindinput：输入事件

（1）使用范例

【微信小程序/事件】事件响应的各种场景相关推荐

最新文章

热门文章