位置: IT常识 - 正文

微信小程序 | 小程序的事件处理(微信小程序小窗口)

编辑:rootadmin
微信小程序 | 小程序的事件处理

推荐整理分享微信小程序 | 小程序的事件处理(微信小程序小窗口),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:微信小程序小小驯龙师破解版,微信小程序小打卡,微信小程序小鸡出击兑换码,微信小程序小说怎么破解,微信小程序小鸡出击兑换码,微信小程序小游戏开发,微信小程序小游戏排行榜前十名,微信小程序小游戏开发,内容如对您有帮助,希望把文章链接给更多的朋友!

🖥️ 微信小程序 专栏:小程序的事件处理 🧑‍💼 个人简介:一个不甘平庸的平凡人🍬

✨ 个人主页:CoderHing的个人主页

🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️

👉 你的一键三连是我更新的最大动力❤️

目录

一、小程序的事件监听

事件的监听

二、常见事件类型划分

组件的特殊事件

三、事件对象属性分析

事件对象event

currentTarget和target的区别

touches和changedTouches的区别(比较少用到)

四、事件参数传递方法

事件参数的传递

五、事件传递案例练习

六、逻辑传递数据另外一种方式:Mark


一、小程序的事件监听事件的监听什么时候会产生事件?小程序需要经常和 用户进行交互,如点击某个按钮,滑动某个区域;事件是 视图层到逻辑层的通讯方式可以将用户的行为反馈到逻辑层 进行处理事件 可以绑定在组件上,当触发事件时,就会执行逻辑层中对应的事件处理函数事件对象可以携带额外信息,如: id,dataset,touches事件如何处理?通过 bind/catch这个属性 绑定在组件上的(和普通的属性写法相似 以key="value"形式)Key 以 bind或catch开头,从1.5.0版本开始, 可以在bind和catch后加上一个冒号同时在当前页面的Page构造器中 定义对应的事件处理函数,若没有对应的函数,触发会报错如 当用户点击 button按钮时,达到触发条件生成事件Tap,该事件处理函数会被执行,同时会受到一个事件对象event二、常见事件类型划分组件的特殊事件某些组件会有自己特性的事件类型如input有bindinput/bindblur/bindfocus等如scroll-view有bindscrolltowpper/bindscrolltolower等

三、事件对象属性分析事件对象event当某个事件触发时, 会产生一个事件对象, 这个对象被传入到回调函数中, 事件对象有哪些常见的属性呢? currentTarget和target的区别微信小程序 | 小程序的事件处理(微信小程序小窗口)

 

JavaScript js文件代码展示   onOuterViewTap(event){     console.log("onOuterViewTap:",event);     // 1.target表示 => 触发事件的元素     // 2.currentTarget => 处理事件的元素     // {type: "tap", timeStamp: 841947, target: {…}, currentTarget: {…}, mark: {…}, …}     console.log(event.target); // {id: "", offsetLeft: 0, offsetTop: 40, dataset: {…}}     console.log(event.currentTarget); // {id: "", offsetLeft: 0, offsetTop: 40, dataset: {…}}     // 这个时候 这两个是没有区别的     console.log(event.target === event.currentTarget); // false 它内部 可能是 new了两个 target     // 触发事件的组件:inner/蓝色  处理事件的组件:outer/粉色

    // 3.获取自定义属性 name     // const name = event.target.dataset.name // 这样是拿不到的 (点击中间蓝色视图)     const name = event.currentTarget.dataset.name // 那自定义属性,最好使用currentTarget拿     console.log(name)   }

touches和changedTouches的区别(比较少用到)touches和changedTouches 都是记录 手指在对屏幕进行触摸时的触摸点在一个手指 先按住, 过一秒之后,不松开 再陆续对屏幕进行触摸三次(不松手)时,touches此时有4个元素,而changedTouches 只有三个在touchend中也不同 四、事件参数传递方法事件参数的传递当视图层发生事件时,一些情况是需要事件携带一些参数到执行的函数中, 这个时候就可以通过data-属性来完成:格式:data-属性的名称获取: e.currentTarget.dataset. 属性的名称五、事件传递案例练习

 

六、逻辑传递数据另外一种方式:Mark

 

 

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

上一篇:【HTML实战】把爱心代码放在自己的网站上是一种什么体验?(怎么把html做成app)

下一篇:微信小程序开发使用onreachBottom实现页面触底加载及分页(微信小程序开发者工具)

  • 快手极速版怎么获得金币(快手极速版怎么卡无限金币)

    快手极速版怎么获得金币(快手极速版怎么卡无限金币)

  • 农业银行快捷支付怎么开通(农业银行快捷支付协议怎么取消)

    农业银行快捷支付怎么开通(农业银行快捷支付协议怎么取消)

  • ios13wifi自动断开(ios13断无线网)

    ios13wifi自动断开(ios13断无线网)

  • 手机丢了关机了还能找回来吗(手机丢了关机了怎么找回来OPPO)

    手机丢了关机了还能找回来吗(手机丢了关机了怎么找回来OPPO)

  • 苹果耳机进洗衣机还能用吗(苹果耳机进洗衣机了 音质不一样了怎么办)

    苹果耳机进洗衣机还能用吗(苹果耳机进洗衣机了 音质不一样了怎么办)

  • 充电宝忘记拔了充两天没问题吧(充电宝忘记拔了一直充电一天)

    充电宝忘记拔了充两天没问题吧(充电宝忘记拔了一直充电一天)

  • iPhone11是快充吗(苹果11是快充充电器吗)

    iPhone11是快充吗(苹果11是快充充电器吗)

  • word怎么向下添加空白页(word文档怎么往下加行)

    word怎么向下添加空白页(word文档怎么往下加行)

  • 录抖音视频用什么软件(录抖音视频用什么设备好)

    录抖音视频用什么软件(录抖音视频用什么设备好)

  • 韩剧tv在电视机上叫什么软件

    韩剧tv在电视机上叫什么软件

  • 华为m和p系列的区别(华为m和p系列的区别在哪)

    华为m和p系列的区别(华为m和p系列的区别在哪)

  • iphone7p微信闪退严重(iphone7用微信闪退)

    iphone7p微信闪退严重(iphone7用微信闪退)

  • 安装包安装失败怎么办(小米莱卡相机安装包安装失败)

    安装包安装失败怎么办(小米莱卡相机安装包安装失败)

  • 拼多多新用户是指什么(拼多多新用户是新手机号还是新手机)

    拼多多新用户是指什么(拼多多新用户是新手机号还是新手机)

  • 大会员年费图标怎么设置

    大会员年费图标怎么设置

  • 手机怎么设置指纹密码(手机怎么设置指纹)

    手机怎么设置指纹密码(手机怎么设置指纹)

  • 荣耀v20怎么查看后台(荣耀v20怎么查看手机温度)

    荣耀v20怎么查看后台(荣耀v20怎么查看手机温度)

  • qq音乐铭牌在什么位置(qq音乐专属名牌)

    qq音乐铭牌在什么位置(qq音乐专属名牌)

  • 京东退货上门取件收费吗(京东退货上门取件需要准备什么)

    京东退货上门取件收费吗(京东退货上门取件需要准备什么)

  • 惠普281硒鼓型号(惠普281彩色打印机硒鼓型号)

    惠普281硒鼓型号(惠普281彩色打印机硒鼓型号)

  • 万能钥匙的连尚头条怎样取消(万能钥匙连尚钱包红包是真的吗)

    万能钥匙的连尚头条怎样取消(万能钥匙连尚钱包红包是真的吗)

  • 荣耀20和荣耀20pro手机壳一样嘛(荣耀20和荣耀20pro外观区别)

    荣耀20和荣耀20pro手机壳一样嘛(荣耀20和荣耀20pro外观区别)

  • 手机wps怎么删除空白页面(手机wps怎么删除多余页面文档)

    手机wps怎么删除空白页面(手机wps怎么删除多余页面文档)

  • ai手机是什么功能(手机ai功能是什么,有什么用途)

    ai手机是什么功能(手机ai功能是什么,有什么用途)

  • 小度如何打电话(小度如何打电话给爸爸)

    小度如何打电话(小度如何打电话给爸爸)

  • 怎么关闭windows的安全警报(怎么关闭windows defender)

    怎么关闭windows的安全警报(怎么关闭windows defender)

  • 增值税专用发票使用规定 最新
  • 如何合伙注册公司
  • 实际已缴纳所得税额不自动带出
  • 加计抵减进项税转出需要调减吗
  • 开立一般户需要基本户开户行许可证吗
  • 开具技术服务费发票需要注意什么
  • 出口退税中哪些是免税的
  • 租金没有发票可以入账吗
  • 转让房地产增值税
  • 商场返现活动怎么入账
  • 机动车临时号牌有效期多久
  • 高新企业季度企业所得税预征税率
  • 计入增值税应税销售额
  • 金税三期申报代扣代缴增值税流程步骤分析
  • 发票 抵扣联
  • 拒绝税务检查的情形
  • 税号最后一位字母T
  • 2018年工会经费返还比例
  • 申报密码遗失怎么重置
  • 进项税和销项税税率一样吗
  • 记账凭证是出纳编制吗
  • 税基式减免的内容有哪些?
  • 代销商品和代销商品款
  • 使用ps能完成的操作有哪些
  • 插上u盘电脑无法访问怎么办
  • 安装win7的步骤
  • 不起眼的暴利小生意农村
  • 谷歌第球
  • 极易一键重装系统怎么用
  • php字符串定义
  • 农民专业合作社法
  • 发生销售折让怎么办
  • 公司缴纳的契税怎么查询
  • 怎么绕开中介找到房主
  • 房地产企业土地使用税计算方法
  • php获取文件名
  • 逆回购利息计算公式
  • 直接材料成本差异账户在平时登记贷方登记
  • php排行
  • vue项目开发环境
  • vue-cli-service权限不够
  • 应付职工薪酬总账和明细账
  • 定额发票申报税率怎么填
  • 增值税纳税申报操作流程
  • 个税专项扣除子女教育可以怎么扣
  • 小规模纳税人可以开增值税专用发票吗
  • 发票上多盖了一个发票章
  • c标准库pdf下载
  • 什么叫网银盾账户
  • 费用支出要求
  • 会计中管理费用和制造费用的区别
  • 软件开发的账务处理
  • 销售商品成本核算
  • 公司配股对股价的影响
  • 什么情况下需要割包皮
  • 服装销售怎么做
  • 通过zeno实现加速屏幕显示操作教程
  • 微型创新是什么
  • mac的虚拟机
  • video for windows是什么
  • srvload.exe - srvload是什么进程
  • WIN10系统怎么分屏
  • windows7 usb
  • Win10预览版桌面图标和任务栏不翼而飞怎么办?
  • cocos2dx怎么创建工程
  • EXTJS记事本 当CompositeField遇上RowEditor
  • 使用jquery实现的项目
  • node介绍
  • LayoutInflater.inflate方法解析
  • vue拦截器的作用及使用
  • shell脚本的实现
  • 高通 trinket
  • javascript中hasOwnProperty() 方法使用指南
  • 基于JAVASCRIPT实现的可视化工具是
  • jQuery+ajax实现实用的点赞插件代码
  • jquery中if语句
  • The method findViewById(int) is undefined for the type FragmentHome报错
  • 深圳国税电子税务局网上办税服务厅
  • 各种建筑材料税率表
  • 重庆职高学校推荐
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设