事件切换和事件冒泡

原创 2017年01月03日 18:38:21

一、事件切换

1.hover():模拟光标移到元素上触发的事件

 hover(enter,leave);

当光标移动到元素上时,会触发指定的第1个函数(enter)

当光标移出这个元素时,会触发指定的第2个函数(leave)

2.toggle():模拟鼠标连续单击触发的事件

toggle(fnl, fn2, ...fnN)

1次单击元素,触发指定的第1个函数(fn1)

当再次单击同一元素时,则触发指定的第2个函数(fn2)

如果有更多函数,则依次触发,直到最后一个


二、事件冒泡

事件会按照DOM树的层次结构像水泡一样不断向上直至顶端

阻止事件冒泡

stopPropagation

return false

阻止事件默认行为

preventDefault

return false


看懂此文,不再困惑于javascript中的事件绑定、事件冒泡、事件捕获和事件执行顺序

抽空学习了下,javascript和jquery的事件设计,收获颇大,总结此贴,和大家分享。到这里是不是可以理解addEventListener(type,handler,useCapture)这个A...
  • aitangyong
  • aitangyong
  • 2015年01月28日 23:13
  • 10934

阻止事件冒泡,阻止默认事件,event.stopPropagation()和event.preventDefault(),return false的区别

今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法...
  • wxl1555
  • wxl1555
  • 2016年11月11日 15:06
  • 16685

JS中的事件冒泡和事件捕获

谈起JavaScript的 事件,事件冒泡、事件捕获、阻止默认事件这三个话题,无论是面试还是在平时的工作中,都很难避免。 事件捕获阶段:事件从最上一级标签开始往下查找,直到捕获到事件目标(targe...
  • donggx
  • donggx
  • 2016年12月13日 09:06
  • 1611

JavaScript中事件捕获和事件冒泡以及如何阻止冒泡事件和默认事件

1. 阻止冒泡事件 主要是用于阻止事件传播。阻止它被分派到其他的DOM节点上,在事件传播的任何阶段都能使用。使用方法如下(兼容IE): function stopBubble(event){ if(...
  • michael8512
  • michael8512
  • 2017年08月21日 11:15
  • 274

防止事件冒泡和阻止默认事件的兼容写法

阻止事件的传播兼容function(e){ var e=e||window.event; e.stopPropagation();//阻止事件的传播(包...
  • learner_boy
  • learner_boy
  • 2017年06月06日 18:20
  • 473

如何阻止事件冒泡和默认事件

一、冒泡事件 我们都知道冒泡就像水底气泡浮到水面这一过程。冒泡事件即是事件从最底层逐个经过上面一级级事件的过程,就是冒泡事件。那么如何有效的阻止冒泡事件的发生?其实在非IE浏览器中提供了一个事件对象 ...
  • u011641865
  • u011641865
  • 2016年04月26日 08:52
  • 5686

js中阻止默认事件,阻止冒泡事件

阻止默认事件 1、在javescript中,return flase可以阻止默认事件,但必须加在onmousedown事件中,down的事儿干完了,再加return flase。 2、在自...
  • swallowliyan
  • swallowliyan
  • 2015年10月26日 20:54
  • 2225

事件冒泡与事件捕获区别

悟透事件捕获和冒泡对“捕获”和“冒泡”这两个概念,我想我们对冒泡更熟悉一些,因为在我们使用的所有浏览器中,都支持事件冒泡,即事件由子元素向祖先元素传播的,就像气泡从水底向水面上浮一样。而在像firef...
  • xiaoxiaozou
  • xiaoxiaozou
  • 2011年06月28日 15:11
  • 1544

理解事件捕获和事件冒泡

参考资料浅谈事件冒泡与事件捕获 一年前刚开始接触JavaScript的时候就看过有关事件冒泡和事件捕获的文章,但是当时只是看过了就是看过了,没有自己实际的实践,并没有什么自己的理解在里面,属于转眼就...
  • sinat_27088253
  • sinat_27088253
  • 2016年04月03日 17:28
  • 692

WPF中的事件及冒泡事件和隧道事件(预览事件)的区别

本文摘要: 1:什么是路由事件; 2:中断事件路由; 3:自定义路由事件; 4:为什么需要自定义路由事件; 5:什么是冒泡事件和预览事件(隧道事件);1:什么是路由事件    WPF中的事件为路由事件...
  • hxp42
  • hxp42
  • 2011年02月10日 10:54
  • 4351
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:事件切换和事件冒泡
举报原因:
原因补充:

(最多只允许输入30个字)