专栏首页张培跃10、微信小程序免费视频教程之事件绑定

10、微信小程序免费视频教程之事件绑定

视频内容

事件绑定:

事件是视图层到逻辑层的通信方式 。

事件将用户的行为反馈到逻辑层进行处理。

事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。

事件对象可以携带一些额外信息。如id,dataset,touches.

*在微信小程序当中事件分为两种

1、冒泡事件(bind):当一个组件上的事件被触发后,会向父节点传递

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

其它的事件:

touchstart:当手指触摸的时候触发

touchmove:当手指触摸并移动的时候会触发

touchend:当手指离开的时候触发

longtap:当手摸触摸后,超过350ms再离开时触发。

事件对象。----当组件触发事件时,逻辑层当中的函数会接收到一个对象,该对象就是事件对象。

type:绑定事件的类型

timeStamp:事件发生时的时间戳

target:触发事件的组件

currentTarget:事件绑定的组件。

事件的传值:

通过data-这种形式来对事件函数进行传值。注意:传递的字符串不能出现大写。多个单词由连接字符串“-”来进行拼接。

event.currentTarget.dataset来将值进行接收。 驼锋式的形式进行接收

传值:data-user-name

接收:event.currentTarget.dataset.userName

本文分享自微信公众号 - 张培跃(zhangpeiyue8),作者:张培跃

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-02-13

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • React之组件

    首先我们通过函数来创建一个组件,函数的名字即是组件的名字!另外有两个地方需要特别注意:

    用户1272076
  • es6中的模块化

    在ES6中每一个模块即是一个文件,在文件中定义的变量,函数,对象在外部是无法获取的。如果你希望外部可以读取模块当中的内容,就必须使用export来对其进行暴露(...

    用户1272076
  • mongodb入门教程之命令汇总

    --dbpath指的是存储数据库文件的文件夹。一旦执行以上命令就不要关了。一旦出现问题,数据库就会自动关闭了。如果需要人为退出可以ctrl+c

    用户1272076
  • FastDFS集群搭建

    FastDFS 是一个开源的分布式文件系统 它对文件进行管理,功能包括: 文件存储、文件同步、文件访问(文件上传、文件下载)等 解决了大容量存储和负载均衡的问题...

    歪歪梯
  • tp5.1 框架路由操作-URL生成实例分析

    本文实例讲述了tp5.1 框架路由操作-URL生成。分享给大家供大家参考,具体如下:

    砸漏
  • SIGIR2020 | 基于GCN的鲁棒推荐系统研究

    近年来,推荐系统已成为所有电子商务平台中必不可少的组件。然而,推荐系统的评分数据通常来自开放平台,而开放平台可能会存在一群恶意用户故意插入虚假反馈,以使推荐系统...

    张小磊
  • 超值赛题分享大礼包,你的“六一”礼物来咯!

    大家好,我是王贺,在本届腾讯广告算法大赛初赛阶段的得分为1.458744,暂列排行榜第一名。上一次分享的文章——《大神干货:冠军选手分享解题思路,助你轻松突围初...

    腾讯智能钛AI开发者
  • [改善深度神经网络] Practical aspects of deep learning习题解析

    对于普通规模的机器学习,train/dev/test数据集的划分比例通常为60/20/20,但对于大规模的数据另当别论,本题有一百万数据样本,测试数据集只需一万...

    云水木石
  • 解决Android的ListView控件滚动时背景变黑 博客分类: Android小技巧 AndroidGoogle

          如果大家在非黑色背景下使用ListView控件时,Android默认可能在滚动ListView时这个列表控件的背景突然变成黑色。这样可能导致程序的黑...

    chroya
  • 一张图看懂 SQL 的各种 join 用法

    下图展示了 LEFT JOIN、RIGHT JOIN、INNER JOIN、OUTER JOIN 相关的 7 种用法。

    java思维导图

扫码关注云+社区

领取腾讯云代金券