事件冒泡事件冒泡,就是事件触发的时候通过DOM向上冒泡,首先要知道不是所有的事件都有冒泡。事件在一个目标元素上触发的时候,该事件将触发祖先节点元素,直到最顶层的元素:如图所示,如果a连接被点击,触发触发连接的click事件,然后触发p的click事件,以此再触发div和body的click事件。顺序...
分类:
其他好文 时间:
2015-05-29 17:59:12
阅读次数:
107
Js 冒泡事件阻止1.事件目标现在,事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。这个属性是DOM API中规定的,但是没有被所有浏览器实现。jQuery对这个事件对象进行了必要的扩展,从而在任何浏览器中都能够使用这个属性。通过.target,...
分类:
Web程序 时间:
2015-05-26 12:07:59
阅读次数:
145
一、问题 题目及答案展示:要求,点击题目,展开答案。如下: 展开前 展开后 最开始使用的toggle方法来实现$(".content_problem").toggle( function(){ $(this).find(".answer...
分类:
Web程序 时间:
2015-05-23 12:51:13
阅读次数:
116
焦点:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接收用户的输入。设置焦点的几种方式:1、点击2、TAB键3、JSonfocus onblur 属性var oinp=document.getElementById('shuru')oinp.onfocus=function(....
分类:
Web程序 时间:
2015-05-12 22:52:40
阅读次数:
141
第13章事件一.事件1.1事件冒泡:事件发生时从里面向外传播如:div>body>html>document1.2事件捕获:事件发生时从外层向里层传播如document>html>body>div1.3DOM事件流是三个阶段:事件捕获,处于目标阶段事件冒泡二.事件处理程序2.1html事件处理程序1...
分类:
编程语言 时间:
2015-05-06 10:30:09
阅读次数:
188
<div onclick="a()"> ?? ??<div onclick="b()"> ?? ???<a id="a" href="" onclick="c()">点击我</a> ?? ??</div> ?? ?</div> 当点击“点击我”按钮的时候,会依次执行 方法 c(),b(),a()方...
分类:
其他好文 时间:
2015-05-04 12:09:07
阅读次数:
116
这是IE浏览器对事件模型的实现,也是最容易理解的,至少笔者觉得比较符合实际的。冒泡,顾名思义,事件像个水中的气泡一样一直往上冒,直到顶端。从DOM树型结构上理解,就是事件由叶子节点沿祖先结点一直向上传递直到根节点;从浏览器界面视图HTML元素排列层次上理解就是事件由具有从属关系的最确定的目标元素一直...
分类:
其他好文 时间:
2015-04-24 18:55:46
阅读次数:
229
1.添加jQuery自定义扩展$(function($){ // tipWrap: 提示消息的容器 // maxNumber: 最大输入字符 $.fn.artTxtCount = function(tipWrap, maxNumber){ var countC...
分类:
Web程序 时间:
2015-04-20 13:02:41
阅读次数:
121
这些日子我就把js的相关知识梳理一下,今天来说javascript中的事件流。1.事件流事件流:从页面中接收事件的顺序。也就是说当一个事件产生时,这个事件的传播过程,就是事件流。IE的事件流 IE中的事件流叫事件冒泡;事件冒泡:事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点(文档....
分类:
Web程序 时间:
2015-04-17 23:44:31
阅读次数:
188
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。 外层div元素 内层span元素 外层div元素 当点击span时,会触发div与body的点击事件。点击div时会触发body的点击事件。如何防止这种冒泡事件发生呢?修改如下:event.stopPropagati...
分类:
Web程序 时间:
2015-04-06 12:40:38
阅读次数:
222