微信小程序学习Course 2 事件 事件是用来打通逻辑层与视图层的枢纽,我们一般在视图层(WXML文件)对某个控件绑定事件函数,在逻辑层(JS文件)编写事件函数代码。 2.1 事件类型 小程序中有两类事件 1、冒泡事件:当一个组件的事件被触发时,该事件会向父节点传递数据。 2、非冒泡事件:当一个组 ...
分类:
微信 时间:
2018-09-15 11:01:13
阅读次数:
248
前两节都和addEventListener的click有关,于是在想它与onclick有什么区别呢,自己调试了一下,网上也有相关资料 事件绑定 onclick绑定方式 优点: - 简洁 - 处理事件的this关键字指向当前元素 缺点: - 不能对事件捕获或事件冒泡进行控制,只能使用事件冒泡,无法切换 ...
分类:
其他好文 时间:
2018-09-12 23:05:28
阅读次数:
225
接上节问题: 1.上面div中,如果单击core,会执行多少个alert?先后顺序是什么? 该问题的答案取决于浏览器的对事件处理的机制。对于下图的结构,当两个element都绑定了onclick方法时,执行的顺序是什么? Netscape主张元素1的事件首先发生,这种事件发生顺序被称为捕获型 微软则 ...
分类:
Web程序 时间:
2018-09-12 22:58:53
阅读次数:
523
addEventListener() 方法可以指定 "useCapture" 参数来设置传递事件类型:false→冒泡 true→捕获 默认false。 在 冒泡 中,内部元素的事件会先被触发,然后再触发外部元素,顺序:内部==>外部 css: .whb100{width: 100px;height ...
分类:
Web程序 时间:
2018-09-07 15:57:53
阅读次数:
141
事件冒泡现象 浏览器效果 阻止事件流的方法: 阻止事件冒泡: 事件对象.cancelBubble=true; IE8一下阻止事件冒泡 事件对象。stopPropagation(); 其他浏览器阻止事件冒泡 代码示例: 浏览器效果 总结 阻止事件流的固定写法 ...
分类:
其他好文 时间:
2018-09-06 14:29:02
阅读次数:
135
什么是Phaser? 简单来说,Phaser就是一款免费开源的HTML5游戏框架 它有什么特点? 高性能:快速、免费、易于维护。一方面,开发者可以直接通过Koding平台上的VM开发系统进行代码编写及预览。另一方面,也可以在支持Canvas的浏览器中直接安装Phaser来进行游戏开发。 多种支持:J ...
分类:
Web程序 时间:
2018-09-04 19:49:11
阅读次数:
867
首先我们来说说什么是事件冒泡 事件冒泡:子级寻找父级的过程 当子级触发事件时,这个事件会形成一个时间流,这个事件流会逐步的向上传播, 所经过的父级的和子级相同的事件会被执行 事件捕获:父级查找子级的过程叫事件捕获 当子级触发一个事件时会触发事件流,这个事件流会从父级传递到子级,所经过的 所有子级的相 ...
分类:
其他好文 时间:
2018-08-25 11:23:19
阅读次数:
133
1.样式绑定 1.1class类标签绑定 1.2 style样式绑定 2 事件 2.1 事件绑定 2.2 事件修饰符 2.3 键盘修饰符 2.4 系统按键修饰符 3 表单 获取表单input里面的数据信息 ...
分类:
其他好文 时间:
2018-08-22 21:53:07
阅读次数:
170
举栗子 事件输出hello world 事件有两种,一种为事件传播,一种是事件冒泡 事件传播和事件冒泡 这还要从遥远的荒诞说起,两家网景和ie,为了能争夺市场,互相使用相反的技术,当网景使用事件传播的时候,ie使用事件冒泡。(两个正好相反)这个时候w3c来了,为了能规范规定,直接取折中,当事件发生时 ...
分类:
其他好文 时间:
2018-08-13 00:47:09
阅读次数:
164
状态属性可以修改 this.setState()中可以写对象,也可以写方法 res: 事件: 获取点击坐标 res: 事件冒泡: 没有ev.cancelBubble 用ev.stopPropagation(); 默认事件: return false;//无效 用ev.preventDefault() ...
分类:
其他好文 时间:
2018-08-12 17:23:43
阅读次数:
186