前言 浏览器兼容是前端开发人员必须掌握的一个技能,但是初入前端的同学或者其他后台web开发同学往往容易选择忽略,而形成两个极端: 我最开始都是使用IE6,IE6上没问题,其它浏览器坑爹(多出现与前端后端一起搞的同学,小生2年前就这种状态,鼓励人家用ie6.。。。) 我要遵循标准,我只要ff就好,IE ...
分类:
Web程序 时间:
2017-06-12 17:07:47
阅读次数:
173
阻止浏览器默认行为代码js阻止默认浏览器行为与冒泡行为 在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。1.阻止浏览器的默认行为[java] view plaincopyprint?function stopDefault(e) {//如果提供了事件 ...
分类:
其他好文 时间:
2017-06-12 13:09:38
阅读次数:
172
事件流:(1)事件冒泡:先响应事件源,再响应父容器; (2)事件捕获:先响应父容器,再响应事件源; (3)事件处理:可以先响应事件源,也可以先响应父容器。 事件处理程序分现代事件处理和传统事件处理,二者的区别是: (1)传统事件只能绑定一个函数,浏览器能够兼容; (2)现代事件能绑定多个函数,在运行 ...
分类:
Web程序 时间:
2017-06-12 00:43:49
阅读次数:
524
事件(event) 1.什么是JavaScript事件? 事件是文档或浏览器中发生的特定交互瞬间。 2.事件流 事件流描述的是从页面中接受事件的顺序,包含IE提出的事件冒泡流与Netscape提出的事件捕获流。浏览器默认的是事件冒泡流。 两种思想: IE的事件流叫做事件冒泡,即事件开始时由最具体的元 ...
分类:
编程语言 时间:
2017-06-08 17:57:29
阅读次数:
158
事件冒泡 当一个元素接受到事件的时候,会把它接收到的所有事件传播给它的父级,一直到顶层window,叫事件冒泡机制; 例子: 事件冒泡 阻止冒泡:在当前要阻止冒泡的事件函数中调用event.cancelBubble=true; 阻止冒泡 点击按钮... ...
分类:
其他好文 时间:
2017-06-04 21:12:57
阅读次数:
243
恢复内容开始 (一)JQuery中的事件 1.常规事件,把js事件中的on去掉 复合事件:hover(function(){},function(){}) 相当于把鼠标移入移出事件和在一起执行 toggle(function(){},function(){},....)可以写多个,点击事件循环执行 ...
分类:
Web程序 时间:
2017-06-03 13:54:57
阅读次数:
295
事件委托是通过事件冒泡的原理,利用父级去触发子级的事件。 如下html,如果不用事件委托,将每一个li都去添加click事件监听,非常麻烦。 另外就是如果通过js动态创建的子节点,需要重新绑定事件。 而利用事件委托的话,只需要给父级绑定一个事件监听,即可让每个li都绑定上相应的事件 eg: item... ...
分类:
Web程序 时间:
2017-06-03 11:29:06
阅读次数:
180
在使用javascript编程时会遇到一个问题,就是当你给html添加事件时,由于浏览器默认的为冒泡型事件触发机制,所以会触发你不想触发的事件.那么通过如下的函数可以解决这个问题.[兼容IE和FF] 1.阻止事件冒泡,使成为捕获型事件触发机制. function stopBubble(e) { // ...
分类:
Web程序 时间:
2017-06-03 09:57:23
阅读次数:
232
第一种思路分两步 第一步:对document的click事件绑定事件处理程序,使其隐藏该div 第二步:对div的click事件绑定事件处理程序,阻止事件冒泡,防止其冒泡到document,而调用document的onclick方法隐藏了该div。 $(document).bind('click', ...
分类:
其他好文 时间:
2017-06-01 17:50:35
阅读次数:
116
冒泡定义:当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。(摘自网络) 1. 阻止事件冒泡, 并不阻止事件行为:event.stopPropagation(); 2. ...
分类:
Web程序 时间:
2017-06-01 13:52:30
阅读次数:
296