WeChat小程序学习心得——冒泡事件
来源:互联网 发布:政治敏感 知乎 编辑:程序博客网 时间:2024/05/17 08:57
在index.wxml下生成3个view
<view>view11 <view> view22 <view > view33 </view> </view></view>
并用bindtap为其绑定点击事件(以view11为例)
<view bindtap='view1click'>在index.js中编写绑定事件的方法体,并传入event参数(以view1为例)
view1click: function(event) { console.log("view1click"); console.log(event); }当给3个view有绑定上各自的点击事件之后,点击view
因为3个view有父子辈关系,所以点击孙子的时候就会同时点击父辈,祖父辈,产生冒泡事件
(点击事件,长按事件,和触摸事件都是冒泡事件)
打开consol,查看event的属性
其中,currentTarget是当前点击的view即绑定事件的view,target是目标view,即发生事件的view
还有一个重要的属性dataset,主要是方便给view添加上自定义的属性和view
这里以view11为例,给dataset添加title和id
<view bindtap='view1click' id='view1' data-title="新闻标题" data-id='100'>此外,绑定事件除了可以通过bind之外,还可以通过catch来绑定。
区别就是catch绑定的事件不会触发冒泡事件
详细代码可以去我上传的资源中下载
阅读全文
1 0
- WeChat小程序学习心得——冒泡事件
- WeChat小程序学习心得——模板使用
- 小程序学习心得之事件冒泡
- wechat小程序入门
- 小程序阻止事件冒泡
- 小程序阻止事件冒泡
- JavaScript—事件流、事件处理程序、事件侦听器、冒泡
- 小程序catch阻止事件冒泡
- wechat-小程序(hello world)分析
- wechat小程序学习(一)
- 冒泡事件小实例
- 冒泡排序小程序
- js的事件捕获和事件冒泡学习心得
- www.94wechat.com 小程序商店 小程序导航 小程序教程基础 小程序众推平台
- Javascript—事件冒泡和事件捕获
- MAYA学习心得——起步 小魔
- 解决微信小程序冒泡事件
- 小程序之解决移动端点击和长按事件冒泡问题
- JVM系列(二)内存分区
- mysql联合查询和关联查询
- 包含.cpp .h的文件怎么运行(VisualStudio2013)
- 网络编程概述
- Hibernate自动建表
- WeChat小程序学习心得——冒泡事件
- Bash readline 使用技巧
- MySQL索引原理及慢查询优化
- 《WEB开发技术基础》课程实验指导书 实验3 Javascript实验指导书三
- ThinkPHP5模板分离
- JasperReport生成PDF中文不显示处理
- Android获取App内存
- bzoj 3119: Book(构造)
- Python在Window平台和Linux平台环境搭建