简介 js和html之间的交互是通过事件实现的,所谓事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。对于事件的处理,浏览器存在差异,主要是IE的兼容性问题,所以大部分都是兼容的,封装成一个事件库,方便调用。 1、事件流 事件流描述的是从页面接收事件的顺序,分为事件冒泡流和事件捕获流 事件冒泡:I ...
分类:
其他好文 时间:
2018-01-19 19:51:52
阅读次数:
158
Web前端技术由 html、css 和 javascript 三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理, ...
分类:
Web程序 时间:
2018-01-09 10:22:45
阅读次数:
211
#总结 上星期五主要内容讲的是事件有事件流的概念,总结来说就是三种传递的方法,dom浏览器默认为从下往上的冒泡方式,但是可以支持捕获方式,而IE只有冒泡。 事件分四种:内嵌事件、DOM0级事件和DOM2级事件、以及IE的事件,第一种事件方式不推荐,DOM0和DOM2两种各有优缺点。 事件的类型有很多 ...
分类:
编程语言 时间:
2018-01-02 11:36:46
阅读次数:
186
JavaScript事件中有非常重要的特性——事件冒泡: 闲话少说,让我们通过例子来说明一切 观察下面的代码: <div onclick="alert('The handler!')"> <em> If you click on <code>EM</code>, the handler on <co ...
分类:
编程语言 时间:
2017-12-30 17:06:27
阅读次数:
149
1. 事件 1.1. 事件冒泡 当一个元素的事件被触发时,同样的事件将会在该元素的所有祖先元素中依次被触发。这一过程被称为事件冒泡。 说白了就是:当我们触发了子元素的某个事件后,父元素对应的事件也会触发。 通常情况,事件冒泡对于我们来说是没有问题的,我们直接不管就行了,但是如果当事件冒泡给我们带来影 ...
分类:
其他好文 时间:
2017-12-29 12:11:02
阅读次数:
157
一、事件流 1、事件流:描述的是从页面中接受事件的顺序 IE的事件流是事件冒泡流,Netscape的事件流是事件捕获流。 2、事件冒泡 IE的事件流叫做事件冒泡(event bubbing),即事件开始时由具体的元素接受,然后逐级向上传播到较为不具体的节点。如果点击div。则事件流如下 div -- ...
分类:
编程语言 时间:
2017-12-26 00:52:44
阅读次数:
139
一,此例中通过鼠标点击事件在网页的中心位置创建一个盒子,不管浏览器变小,或是有卷曲的网页,盒子都会在浏览器正中央 主要方法:clientWidth方法获取当前可见网页的宽度 document. documentElement.clientWidth; 获得网页中被卷去的宽高 document.doc ...
分类:
Web程序 时间:
2017-12-21 20:43:10
阅读次数:
226
移动设备升级到iOS10了,发现了自带的Safari浏览器不再识别meta viewport了。以前我们都是用这个标签来让浏览器禁用缩放的。万恶的Apple~~ 在iOS10之前都是通过 <meta name="viewport" content="width=device-width,initia ...
分类:
移动开发 时间:
2017-12-19 19:53:24
阅读次数:
738
/cancelBubble阻止事件冒泡 function cancelBubble(ev){  
分类:
编程语言 时间:
2017-12-18 19:14:40
阅读次数:
247