事件驱动模型
一.事件驱动要素
1.事件源(触发事件的元素)
2.被JavaScript侦查到的行为
3.事件处理函数
二.事件分类
事件句柄 触发时机
onclick 鼠标点击操作
ondbiclick 鼠标双击操作
onmousedowm 按下鼠标按键
onmouseup 抬起鼠标按键
onmousemove 鼠标指针在元素上方移动
onmouseover 鼠标指针进入元素
onmouseout 鼠标指针移除元素
DOMMousescroll 鼠标滚轮事件(FF)
onmousewheel 鼠标滚轮事件(IE.CHROM)
onkeyup 抬起键盘按键
onkeydown 按下键盘按键
onkeypress 按下或按住键盘按键
onsubmit 按下表单的提交按钮
onblur input失去焦点
onfoucs input获得焦点
onchange 更改input元素内容
onload 页面加载完成
onunioad 文档的载入被撤销(例如页面跳转等情况)
onbeforeunioad 页面刷新或关闭时
三.事件绑定
1.javascript脚本绑定事件
2.标签中绑定
3.监听器
(IE)element.attachEvent(event,function);添加
btn.detachEventc"onclick"函数名)(IE浏览器监听器的兼容)
四.事件对象事件源对象是指even对象封装了与时间相关的信息.
//event 每次点击产生新的对象
键盘事件:
1.获取键盘码:
ev.keycode;
常用按键码: 13 enter ctrl 17 alt 18
16 shift 左 37 上 38 右 39 下 40
空格 42