首页IT科技微信小程序事件监听怎么关闭(【小程序开发】事件监听 | 类型划分 | 属性分析)

微信小程序事件监听怎么关闭(【小程序开发】事件监听 | 类型划分 | 属性分析)

时间2025-05-01 03:39:23分类IT科技浏览5738
导读:🍳作者: 贤蛋大眼萌,一名很普通但不想普通的程序媛...

🍳作者:

贤蛋大眼萌              ,一名很普通但不想普通的程序媛

\color{#FF0000}{贤蛋 大眼萌                      ,一名很普通但不想普通的程序媛}

贤蛋大眼萌       ,一名很普通但不想普通的程序媛🤳

🙊语录:

多一些不为什么的坚持

\color{#0000FF}{多一些不为什么的坚持}

多一些不为什么的坚持

📝本文章收录于专栏:小程序从0到放飞自我

⚙️ 事件监听

​ 小程序经常需要和用户进行交互              ,比如点击页面按钮                     ,滑动某个区域       ,这些用户的操作都会触发小程序事件       ,事件可以将用户的行为反馈到逻辑层                     ,触发响应的操作              。事件可以绑定在组件上              ,当触发事件时       ,就会执行逻辑层中对应的事件处理函数                     。

1. 事件是如何处理呢?

事件是通过bind/catch这个属性绑定在组件上的(和普通的属性写法很相似, 以key=“value              ”形式); key以bind或catch开头, 从1.5.0版本开始, 可以在bind和catch后加上一个冒号; 同时在当前页面的Page构造器中定义对应的事件处理函数, 如果没有对应的函数, 触发事件时会报错; 比如当用户点击该button按钮区域时                     ,达到触发条件生成事件              ,该事件处理函数会被执行,同时还会收到一个事件对象 event       。

2. 事件参数传递

当视图层发生事件时                     ,某些情况需要事件携带一些参数到执行的函数中, 这个时候就可以通过data-属性来完成

格式:data-属性的名称 获取:event.currentTarget.dataset.属性的名称

也可以用mark传递参数                     ,称为事件标记数据              。

🎈 事件的类型

事件分为冒泡事件和非冒泡事件:

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

当界面产生一个事件时                     ,事件分为了捕获阶段和冒泡阶段:

常见的事件类型

小程序事件类型

💊 属性分析

当某个事件触发时, 会产生一个事件对象, 并且这个对象被传入到回调函数中, 事件对象有以下常见的属性

1. currentTarget和target的区别

2. touches和changedTouches的区别

共同:都是用来记录手指的触摸点坐标       ,单指操作时没有区别

区别:

多指触摸

touches: 当前屏幕上所有的触摸点列表 changedTouches:触发事件时改变点的集合

手指离开

touches: 当前手指离开              ,显示空数组 changedTouches:有显示改变的点的集合
声明:本站所有文章                     ,如无特殊说明或标注       ,均为本站原创发布       。任何个人或组织       ,在未征得本站同意时                     ,禁止复制              、盗用                     、采集       、发布本站内容到任何网站              、书籍等各类媒体平台       。如若本站内容侵犯了原著者的合法权益              ,可联系我们进行处理                     。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
王者荣耀廉颇怎么出装最厉害视频(王者荣耀中廉颇怎么出装?) 域名,如何选择和使用?(从意义、规则、保护、优化、流量、SEO、品牌、投资等方面详解)