位置: IT常识 - 正文

【小程序开发】事件监听 | 类型划分 | 属性分析(小程序开发公司十大排名)

编辑:rootadmin
【小程序开发】事件监听 | 类型划分 | 属性分析

推荐整理分享【小程序开发】事件监听 | 类型划分 | 属性分析(小程序开发公司十大排名),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:小程序开发费用明细,小程序开发流程详细,小程序开发费用,小程序开发费用,小程序开发费用,小程序开发公司十大排名,小程序开发一个多少钱啊,小程序开发商城,内容如对您有帮助,希望把文章链接给更多的朋友!

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

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

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

事件监听 | 类型划分 | 属性分析 ⚙️ 事件监听1. 事件是如何处理呢?2. 事件参数传递🎈 事件的类型💊 属性分析1. currentTarget和target的区别2. touches和changedTouches的区别⚙️ 事件监听

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

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:有显示改变的点的集合

本文链接地址:https://www.jiuchutong.com/zhishi/298851.html 转载请保留说明!

上一篇:2023年软考备考,系统分析师知识点速记,速看(软考备考时间)

下一篇:【关系抽取】深入浅出讲解实体关系抽取(介绍、常用算法)(关系抽取系统的要求)

  • vivox70pro+怎么设置红包提醒(vivox70pro怎么设置锁屏)

    vivox70pro+怎么设置红包提醒(vivox70pro怎么设置锁屏)

  • 微信收藏没了怎么恢复(微信收藏没了怎么办)

    微信收藏没了怎么恢复(微信收藏没了怎么办)

  • 微信语音时别人打语音过来(微信语音时别人打电话能打进来吗)

    微信语音时别人打语音过来(微信语音时别人打电话能打进来吗)

  • 打电话提示关机怎么设置(手机没关机为什么打电话提示关机)

    打电话提示关机怎么设置(手机没关机为什么打电话提示关机)

  • qq数据漫游是什么意思(qq聊天数据漫游在哪)

    qq数据漫游是什么意思(qq聊天数据漫游在哪)

  • 映泰主板u盘启动按f几(映泰主板u盘启动按什么键)

    映泰主板u盘启动按f几(映泰主板u盘启动按什么键)

  • prtscsysrq键按了没反应(按prtscr键没反应)

    prtscsysrq键按了没反应(按prtscr键没反应)

  • 拼多多如何撤销工单(拼多多如何撤销物流投诉申请)

    拼多多如何撤销工单(拼多多如何撤销物流投诉申请)

  • 淘宝不点确认收货,多少天自动收款(淘宝不点确认收货)

    淘宝不点确认收货,多少天自动收款(淘宝不点确认收货)

  • word如何画图和线(如何使用word画图)

    word如何画图和线(如何使用word画图)

  • 为什么下载了软件屏幕上没有(为什么下载了软件桌面上没有显示)

    为什么下载了软件屏幕上没有(为什么下载了软件桌面上没有显示)

  • ios13.3.1什么时候更新(苹果13.3.1什么时候正式更新)

    ios13.3.1什么时候更新(苹果13.3.1什么时候正式更新)

  • 拼多多个人旺旺id是什么(拼多多个人旺旺怎么关闭)

    拼多多个人旺旺id是什么(拼多多个人旺旺怎么关闭)

  • 手机充电可以听歌吗(手机充电可以听蓝牙耳机吗)

    手机充电可以听歌吗(手机充电可以听蓝牙耳机吗)

  • fell什么意思(fellow什么意思)

    fell什么意思(fellow什么意思)

  • 三星note10+是2k屏吗(三星note10多少hz屏幕)

    三星note10+是2k屏吗(三星note10多少hz屏幕)

  • 苹果手机在哪看激活时间(苹果手机在哪看激活日期查询)

    苹果手机在哪看激活时间(苹果手机在哪看激活日期查询)

  • 苹果生态系统是什么(苹果生态系统好在哪里)

    苹果生态系统是什么(苹果生态系统好在哪里)

  • 快手上我设置了特别关注为什么找不到了(快手我设置了隐私账户,还能看到好友的作品吗)

    快手上我设置了特别关注为什么找不到了(快手我设置了隐私账户,还能看到好友的作品吗)

  • 图虫抖音视频怎么保存(如何做抖音图虫)

    图虫抖音视频怎么保存(如何做抖音图虫)

  • chatgpt 无法登录报错Access denied、OpenAl‘s services are not available in yourcountry. (error=unsupported )(无法登陆p.to)

    chatgpt 无法登录报错Access denied、OpenAl‘s services are not available in yourcountry. (error=unsupported )(无法登陆p.to)

  • 个人简历html网页代码(使用chatgpt完成web开发课的实验)(个人简历html网页代码含效果图)

    个人简历html网页代码(使用chatgpt完成web开发课的实验)(个人简历html网页代码含效果图)

  • 增值税几个点怎么算
  • 加工费怎么做账
  • 什么是商业汇票和银行汇票
  • 2020劳务退税怎么退
  • 投资性房地产房产税应按从价还是从租
  • 库存商品的成本核算
  • 工程预付款增值税缴纳办法
  • 汇总缴纳增值税的三级公司怎么汇总备案
  • 如何理解递延所得税资产和负债计算
  • 管理费用多计提了怎么冲
  • 销售固定资产未收到钱
  • 个体生产经营所得税税率2023
  • 交上月增值税的凭证
  • 一个项目可以有几个单位工程
  • 贷款减值损失的计提规则
  • 小微企业怎么合法避税
  • 车间固定资产修理费
  • 存货跌价准备在报表什么项目列示
  • 广告公司文化事业建设费申报表如何填写
  • 审计报告报备流程
  • 实际利率法是哪一章的知识
  • 施工项目直接成本和间接成本
  • 对公账户转钱出来
  • TP-Link TL-WR841N管理员密码(初始密码)是多少
  • 联通官网测网速
  • 应付账款暂估借方余额怎么处理
  • 补缴社保操作流程
  • 有销项无进项税务局会怎么罚
  • 补缴税款可以享受减免政策么
  • vue3项目打包
  • jetcar.exe - jetcar是什么进程 有什么作用
  • 残疾人取得房屋所有权
  • 残疾人在公司上班公司有什么好处
  • 美丽的大中华
  • 盛开的樱花和姬子的故事
  • 资产减值损失属于损益类的收入还是费用
  • 商品流通企业的经营过程分为
  • php 字符串
  • swift 协议扩展
  • 第一章 使用layui的表格和表单
  • 网络模型参数方法
  • 强制缓存与协商缓存的区别
  • linux用mv文件移动指定文件
  • libev & libevent简介 IntelIOT 博客园
  • 单位购买电水壶会计入账
  • 季度盈利弥补亏损利润表
  • springmvc简介
  • 视同销售的增值税怎么申报
  • 出租房屋的房产税怎么算
  • 递延所得税资产和递延所得税负债
  • sqlserver2012备份
  • 金税盘购买的会计分录
  • 现金日记账每月都要写期初余额吗
  • 固定资产清理营业外支出可在税前扣除?
  • 企业买期货账务处理
  • 房地产企业的会计核算
  • 收到现金支票没有盖章
  • 工业企业接受捐赠收入计入
  • 商业企业购入商品
  • mysqlyog安装教程
  • mysql5.7最新版
  • win8无法识别的usb设备 怎么解决
  • vmmem进程是什么
  • win8.1开始界面
  • hpadrv.sys
  • win10升级 其他用户
  • dos批处理实例
  • web jquery
  • python爬虫全套教程
  • opengl入门教程
  • Node.js中的包管理工具是什么
  • 预处理命令可以放在程序中的任何位置
  • jquery二级导航栏
  • javascript教程
  • javascript学习指南
  • jquery的validate前端表单验证
  • 陕西办事app
  • 房产税可以抵扣增值税吗
  • 发票 报销流程
  • 税务师 领证
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设