JavaScript学习笔记——事件

标签：

javascript事件基础和事件绑定

一、事件驱动
1.事件
　　javascript侦测到的用户的操作或是页面的一些行为(怎么发生的)
2.事件源
　　引发事件的元素。(发生在谁的身上)
3.事件处理程序
　　对事件处理的程序或是函数 (发生了什么事)

二、事件的分类

1.鼠标事件
onclick
ondblclick
onmousedowm
onmouseup
onmousemove
onmouseover
onmouseout

2.键盘事件
onkeyup
onkeydown
onkeypress 鼠标按下或按住

3.表单事件
onsubmit
onblur
onfoucs
onchange

4.页面事件
onload
onunload
onbeforeunload

三、如何绑定事件

1.在脚本中绑定
2.直接在HTML元素绑定
3.<script for="two" event="onclick">
alert("我是DIV2");
</script>

四、同一个事件绑定多个事件处理程序

1.自己写的
2.IE:
对象.attachEvent("事件(on)","处理程序") 添加
对象.dettachEvent("事件(on)","处理程序") 删除

FF:
对象.addEventListener("事件","处理程序",布尔值) 添加
对象.removeEventListener("事件","处理程序",布尔值) 删除

javascript事件对象实例讲解

一、事件对象
用来记录一些事件发生时的相关的信息的对象
1.只有当事件发生的时候才产生，只能在处理函数内部访问

2.处理函数运行结束后自动销毁。

二、如何获取事件对象

IE：window.event

FF:
对象.on事件=function (e){}

三、事件对象的属性

1.关于鼠标事件的事件对象

相对于浏览器位置的
clientX 当鼠标事件发生的时候，鼠标相对于浏览器X轴的位置
clientY 当鼠标事件发生的时候，鼠标相对于浏览器Y轴的位置

相对于屏幕位置的
screenX 当鼠标事件发生的时候，鼠标相对于屏幕X轴的位置
screenY

相对于事件源的位置
IE:
offsetX 当鼠标事件发生的时候，鼠标相对于事件源X轴的位置
offsetY

FF:
layerX 当鼠标事件发生的时候，鼠标相对于事件源X轴的位置
laterY

2.关于键盘事件的事件对象

keyCode 获得键盘码
空格:32 回车13 左上右下：37 38 39 40
altKey 判断alt键是否被按下 按下是true 反之是false 布尔值

ctrlKey
shiftKey
type 用来检测事件的类型 主要是用于多个事件通用一个事件处理程序的时候

JavaScript学习笔记——事件

标签：

原文地址：http://www.cnblogs.com/tonglin0325/p/4743923.html