位置: 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实现页面触底加载及分页(微信小程序开发者工具)

  • 荣耀magic3怎么截屏(荣耀x50怎么截屏)

    荣耀magic3怎么截屏(荣耀x50怎么截屏)

  • 农行app密码已锁定怎么解锁(农行app密码已锁定手机号是空号怎么解锁)

    农行app密码已锁定怎么解锁(农行app密码已锁定手机号是空号怎么解锁)

  • 苹果手机下载id密码忘了怎么办(苹果手机下载id跟登陆id不一样怎么办)

    苹果手机下载id密码忘了怎么办(苹果手机下载id跟登陆id不一样怎么办)

  • 微信号能改了吗(请问微信号能改吗)

    微信号能改了吗(请问微信号能改吗)

  • 笔记本1650显卡和1050ti差距(笔记本1650显卡很差吗)

    笔记本1650显卡和1050ti差距(笔记本1650显卡很差吗)

  • 淘宝怎么设置无品牌(淘宝怎么设置无实物发货)

    淘宝怎么设置无品牌(淘宝怎么设置无实物发货)

  • 华为p40pro新功能(华为p40pro新功能教程)

    华为p40pro新功能(华为p40pro新功能教程)

  • 输入输出控制的功能包括(输入输出控制的功能包括什么)

    输入输出控制的功能包括(输入输出控制的功能包括什么)

  • 钉钉好友能看到我的企业信息吗(钉钉好友能看到对方电话吗)

    钉钉好友能看到我的企业信息吗(钉钉好友能看到对方电话吗)

  • 钉钉分享屏幕放视频时没有声音(钉钉分享屏幕放大怎么弄)

    钉钉分享屏幕放视频时没有声音(钉钉分享屏幕放大怎么弄)

  • 在手机上怎样下载作业帮(在手机上怎样下载电视剧)

    在手机上怎样下载作业帮(在手机上怎样下载电视剧)

  • 苹果6s充电器是几安(苹果6s充电器是1a还是2a)

    苹果6s充电器是几安(苹果6s充电器是1a还是2a)

  • 华为nova6支不支持反向充电(华为nova 6支持nfc吗)

    华为nova6支不支持反向充电(华为nova 6支持nfc吗)

  • 五类线能跑200兆吗(五类线可以跑多少兆)

    五类线能跑200兆吗(五类线可以跑多少兆)

  • 华为折叠屏屏幕是哪家公司供应的(华为折叠屏屏幕出现亮线)

    华为折叠屏屏幕是哪家公司供应的(华为折叠屏屏幕出现亮线)

  • ipad a1432是几代(ipad a1432是第几代)

    ipad a1432是几代(ipad a1432是第几代)

  • 苹果xsmax的处理器(xsmax处理器怎么样)

    苹果xsmax的处理器(xsmax处理器怎么样)

  • 荣耀怎么设置导航键(荣耀怎么设置导航键功能)

    荣耀怎么设置导航键(荣耀怎么设置导航键功能)

  • 恢复视频能不能出现所有视频(可以恢复视频)

    恢复视频能不能出现所有视频(可以恢复视频)

  • 应用不小心删除怎么恢复(不小心删除了应用软件怎么办)

    应用不小心删除怎么恢复(不小心删除了应用软件怎么办)

  • 预防木马的注意事项有哪些(预防木马的注意事项有)

    预防木马的注意事项有哪些(预防木马的注意事项有)

  • qq小帆船是互相的吗(qq小帆船多长时间消失)

    qq小帆船是互相的吗(qq小帆船多长时间消失)

  • 做毕业设计,前端部分你需要掌握的6个核心技能(做毕业设计,前景如何)

    做毕业设计,前端部分你需要掌握的6个核心技能(做毕业设计,前景如何)

  • 计入税金及附加的科目
  • 注册500万公司实缴多少钱
  • 财务如何审核合同支付条款风险
  • 什么情况下当月不排卵
  • 商业汇票到期没有收到款
  • 所得税费用的余额期末时应转入利润分配账户
  • 现金流是资产吗
  • 费用的增加会减值吗
  • 制造企业发出材料成本的计价方法
  • 退货的增值税专用发票
  • 跨年度发现的差错
  • 业务招待费扣除比例
  • 处理报废的固定资产
  • 不动产增值税怎么算
  • 税务小规模定律是什么意思
  • 上期留抵税额计算
  • 进项发票和销项发票金额相同还需要交税金吗
  • 增值税三个过渡期科目
  • 不是房屋产权人可以卖房吗
  • 一月份开的票可以算到12月吗
  • 商品进销差价属不属于存货
  • 电子银行承兑汇票到期选择线上清算
  • 残疾人保障金人数
  • 手机home键是什么意思图片
  • 阿拉斯加州zip
  • thinkphp5控制器
  • 移动临时文件
  • php面向对象的三大特征
  • php字符串定义的三种方式
  • 未分配利润转增股本规定
  • PHP:mcrypt_list_algorithms()的用法_Mcrypt函数
  • 机动车退货的法律规定
  • php curl_init
  • 销售多余材料的收入属于收入吗
  • php curl_init
  • php sha1加密 解密
  • js不同类型的工厂函数
  • 差旅费住宿专票可以抵扣吗
  • 员工迟到扣款怎么处理
  • 汇算清缴的所得税怎么做账
  • 金蝶软件资产负债表怎么生成
  • PostgreSQL更新表时时间戳不会自动更新的解决方法
  • mysql命令大全手册
  • python文件可分为哪几类
  • 施工企业预缴税款
  • 小型微利企业季度所得税怎么计算
  • 房地产企业建成后先出租的房地产
  • 个税申报可以去税务局吗
  • 两处取得工资薪金如何申报
  • 先付款后签协议是否违法
  • 不交社保的职业
  • 实收资本印花税最新政策2023年
  • 以前年度管理费用
  • 银行贷款损失的计算公式
  • 增值税专用发票电子版
  • 过了认证期怎么办
  • 净利润为负数会计分录
  • 小规模30万含专票吗
  • 利润总额毛利润怎么算
  • 哪些行为应作为证据
  • 怎么统计每日产量
  • 同一个sql语句 连接两个数据库服务器
  • win8系统开机直接进入桌面
  • centos查看所有文件
  • xp开机启动项在哪里设置方法
  • 升级windows8
  • win8的应用商店在哪
  • PQIBrowser.exe是什么进程 PQIBrowser进程查询
  • w10怎么usb连接上网
  • jquery插件怎么写
  • 着色器模型
  • sed基本用法
  • [置顶]津鱼.我爱你
  • 深入浅出jquery
  • javascript定律
  • #androidsdk文件夹可以删除吗
  • 江苏省无犯罪证明
  • 山西省国家税务局王旭斌局长
  • 药店迁址流程2019
  • 增值税申报表如何下载
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设