事件流模型

事件流模型 DOM(文档对象模型)结构是一个树型结构,当一个HTML元素产生一个事件时,该事件会在元素结点与根节点之间按特定的顺序传播,路径所经过的节点都会收到该事件,这个传播过程可称为DOM事件流。 冒泡型事件(Event Bubbling) 这是IE浏览器对事件模型的实现,也是最容易理解的,至少笔者觉得比较符合实际的。冒泡,顾名思义,事件像个水中的气泡一样一直往上冒,直到顶端。从 DOM树型结构上理解,就是事件由叶子节点沿祖先结点一直向上传递直到根节点;从浏览器界面视图HTML元素排列层次上理解就是事件由具有从属关系的最确定的目标元素一直传递到最不确定的目标元素.冒泡技术.冒泡型事件的基本思想,事件按照从特定的事件目标开始到最不确定的事件目标. 捕获型事件(Event Capturing) Netscape 的实现,它与冒泡型刚好相反,由DOM树最顶层元素一直到最精确的元素,这个事件模型对于开发者来说(至少是我..)有点费解,因为直观上的理解应该如同冒泡型,事件传递应该由最确定的元素,即事件产生元素开始。 测试 stylesheet: <style type="text/css"> div { position: absolute; top:50%; left:50%; } .container { width: 400px; height: 400px; margin-top: -200px; margin-left: -200px; background-color: #000000; } .container > div { width: 200px; height: 200px; margin-top: -100px; margin-left:... »

Javascript 类型判断方法!

判断js变量类型的三个方法 1. 使用Object.prototype.toString.call(val) console.log(Object.prototype.toString.call(true)); //[object Boolean] console.log(Object.prototype.toString.call(3)); //[object Number] console.log(Object.prototype.toString.call({})); //[object Object] console.log(Object.prototype.toString.call([])); //[object Array] console.log(Object.prototype.toString.call(undefined)); //[object Undefined] console.log(Object.prototype.toString.call(null)); //[object Null] console.log(Object.prototype.toString.call(Array)); //[object Function] console.log(Object.prototype.toString.call(Function)); //[object Function] console.log(Object.prototype.toString.call(Object)); //[object Function] 2. 使用val.constructor的方法 var num = 3; var undef = undefined; var nu = null; console.log(true.constructor);... »

Welcome to Jekyll!

Say hello to Jekyll and OpenShift :) You’ll find this post in your _posts directory - edit this post and re-build (or run with the -w switch) to see your changes! To add new posts, simply add a file in the _posts directory that follows... »

Search

Blogroll