事件:窗体、对象、鼠标、键盘动作称为事件。
例如:鼠标单击事件
载入事件
按下键盘事件
事件驱动过程
首先,在这个对象上绑定这个事件
其次,又在这个对象上,发生了这个事件
最后,系统(js解释器)自动调用处理函数进行响应
事件绑定方式(主要有三种):
行内绑定(不建议) :无法实现标记和动作分离
对象名.事件名=function(){语句;语句;}
对象名.addEventListener( "事件名”,函数名捕获过程true/冒泡过程false)
说明:IE6/7/8的兼容方式是:对象名. attachEvent("on事件名”,函数);
HTML相关事件:
onload
支持该事件的标记<body>, <frame>, <frameset>, <iframe>,
<img>, <link>, <script>
支持该事件的对象image, layer, window
onresize
支持该事件的标记<a>, <address>, <b>, <big>, <blockquote>, <body>,
<button>, <cite>, <code>, <dd>, <dfn>, <div>, <d|>, <dt>, <em>, <fieldset>,
<form>, <frame>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>,
<legend>, <li>, <object>, <0l>, <p>, <pre>, <samp>, <select>, <small>, <span>,
<strong>, <sub>, <sup>, <table>, <textarea>, <tt>, <ul>, <var>
支持该事件的对象window
键盘鼠标相关事件:
单击事件onclick
双击事件ondblclick
卸载文件onunload
鼠标左键按下onmousedown
鼠标左键抬起onmouseup
鼠标移动onmousemove
获取鼠标onmouseover
失去鼠标onmouseout
键盘按下onkeydown
键盘抬起onkeyup
按键盘onkeypress
·表单相关事件:
--改变事件onchange
--选中事件onselect
--获得焦点事件onfocus
--失去焦点onblur
--重置事件onreset()
--提交事件onsubmit()