JScript|Event]面向事件驱动的编程(二)--实例讲解:将span模拟成超连接

wxyhzr

wxyhzr

2016-02-19 10:57

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。
作者:泣红亭 
在上一篇文章《面向事件驱动的编程》中我讲了三种将事件绑定到元素的方法,而推荐使用第三种方法,即使用attachEvent/addEventListener来绑定.上一篇文章的主旨是告诉大家如何使用事件,而这一篇文章的主旨是让大家弄懂如何灵活应用事件来批处理某一类的对象行为.

首先讲一讲事件传递的概念.什么是事件传递?举个现实的例子,有个人捏了一下你的手指,你可能会说他捏了你手指,也可能会说他捏了你的手,甚至可能会说他捏了你.事实上三种说法都没错,在浏览器事件的执行中亦有相似的情况,请看下边的例子:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上边的例子给Input[type=button]、td、tr、tbody、table、body、html、document、window都设置了onclick事件处理函数,都是显示当前对象的id值,点击之后IE会依次出现ButtonElement、TDElement、TRElement、TBODYElement、bodyObject、HTMLElement、documentObj,而Firefox则有一点不同,它显示完documentObj之后还会显示windowObj,而IE却不会,这是因为IE的window对象没有onclick事件。从这里可以看出这些对象都受到了点击,执行了onclick事件函数,而且顺序是从事件
展开更多 50%)
分享

猜你喜欢

JScript|Event]面向事件驱动的编程(二)--实例讲解:将span模拟成超连接

Web开发
JScript|Event]面向事件驱动的编程(二)--实例讲解:将span模拟成超连接

JScript面向事件驱动的编程

Web开发
JScript面向事件驱动的编程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

事件编程(二)

C语言教程 C语言函数
事件编程(二)

Javascript中的面向对象编程实例

Web开发
Javascript中的面向对象编程实例

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

自己编程模拟 MouseEnter,MouseExit 事件

编程语言 网络编程
自己编程模拟 MouseEnter,MouseExit 事件

Delphi面向对象的编程方法(二)

Delphi
Delphi面向对象的编程方法(二)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

用JavaScript绘图 ——JS2D函数集

用JavaScript绘图 ——JS2D函数集

在android中ScrollView嵌套ScrollView解决方案

在android中ScrollView嵌套ScrollView解决方案
下拉加载更多内容 ↓