来自:http://www.verydemo.com/demo_c98_i58567.html
本篇开始将回顾下Javascript的事件机制。同时会从一个最小的函数开始写到最后一个具有完整功能的,强大的事件模块。为叙述方便将响应函数/回调函数/事件Listener/事件handler都称为事件handler。
先看看页面中添加事件的几种方式:
- 直接将JS代码写在HTML上
测试:Nowamagic
1
<div onclick=
"alert('欢迎访问Nowamagic.net');"
>Nowamagic</div>
HTML Element元素自身就拥有了很多onXXX属性,只需将JS代码赋值给其就可以了。赋值给onXXX的字符串将作为响应函数的函数体(FunctionBody)。大概这是上世纪90年代的写法,那时候直接把JS代码写在网页中很普遍,也许那时候的JS并不太重要,只是用来做做验证或一些花哨的效果而已。
- 定义一个函数,赋值给html元素的onXXX属性
</t…………………………………………………………………………1
<script type=
"text/javascript"
>