javascript中事件解析

我们在学习javascript和html时我们也许会搞不懂什么是javascript代码什么是html代码,其实这两者之间室友密切的关系的,

他们之间的交互是通过用户和浏览器操作页面是引发的事件处理,怎样才产生了事件,事件是用户与web页面交互时产生的操作。

例如:我们单击某个按钮时所产生的效果就是我们在单击时所产生的事件,他告所了浏览器发生了哪些操作,需要进行处理,相应某个事件的处理,这个过程就叫做事件处理。

事件首次出现时,他的作用是将一些服务器功能转到客户端完成,这样做是非常慢的每次可鞥都要花几分钟,而,javascript就是为解决这个问题而产生的。

在学习是我们首先由几个词语我们要明白他是什么意思,比如,事件流,捕获,函数监听,DOM等,,首先我们先说一下事件流,就拿冒泡排序来说吧,冒泡排序对大家都不陌生,就是首先把最大的数排在第一位,接着在比较其他最大的数依次排序,这样就形成了一个事件流,如果有一个如下的简单页面的代码:

<html>

<head>

<title>shijian</title>

</head>

<body οnclick="handClick()"><div οnclick="handClick()">click</div>

</body>

</html>

若用户使用IE5的时候点击div时事件按照以下顺序发生,

(1)<div/>

(2)<body/>

(3)document

事件是按照DOM的层次结构像水泡一样升到最顶层,就像事件处理时从最底层的div升到上层的document。

在IE6中修该了冒泡行事件,这样html中接受事件就出现了一下代码:

<html οnclick="handClick()">

<head>

<title>shijian</title>

</head>

<body οnclick="handClick()"><div οnclick="handClick()">click</div>

</body>

</html>

在上代码,单击页面就会冒出一个事件泡上升到html所以事件的顺序为,

(1)<div/>

(2)<body/>

(3)<html/>

(4)document

先更新到这里,每天都有更新,,,







  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值