javaｓｃｒｉｐｔ基本知识（二）事件

事件对象：（事件对象是窗口对象的属性，当事件发生时，事件对象被生成，事件结束，事件对象消失）。

即：window.event； / /获取对象

DOM：参数{ 0 }；获取对象

伊江事件对象的常用属性方法是：

在客户区鼠标指针的X坐标（不包括工具栏、滚动条等）时，1.clientx：事件发生；

2.clienty：在客户区鼠标指针的y坐标（不包括工具栏、滚动条、等）在事件发生时；

3.keycode：对关键事件，它显示按键的Unicode字符。对于keydown和keyup事件，表明按下键盘是一个数字指示器（得到钥匙的数量）。

4.offsetx：鼠标的指针相对于对象触发事件的X坐标；

5.offsety：鼠标的指针相对于对象触发事件的Y坐标；

6.srcelement：导致事件发生的因素；

DOM中事件对象的常用属性方法是：

1.clientx；

2.clienty；

3.pagex；鼠标指针的相对页面的X坐标；

4.pagey；鼠标指针的相对页面的Y坐标；

5.stoppropagation：调用此方法以防止事件进一步传播（鼓泡）；

6.target：触发事件的元素/对象；

7.type：事件的名称；

两个事件对象的相同点和不同点：

同一点：

1。获取事件类型；

2。获取键盘代码（KeyDown和KeyUp事件）；

三.检测移位、ALT、Ctrl；

4。获取客户端区域坐标；

5。获取屏幕坐标；

差异uff1a

1。获得目标；

/ /即：VaR otarget = oevent.srcelement；

/ / DOM：VaR otarget = oevent.target；

2。获取字符代码；

//IE: var iCharCode=oEvent.keyCode;

/ / DOM：VaR icharcode = oevent.charcode；

三.防止事件的默认行为；

/ /即：oevent值=假；

/ /：oevent.preventdefault DOM；

4。终止泡沫：

/ /即：oevent cancelbubble =真；

/ /：oevent.stoppropagation DOM

事件类型：

1。鼠标事件：

鼠标：鼠标移动时在；

当鼠标移出时；

鼠标：当鼠标按下；

Onmouseup：提升鼠标时；

Onclick：点击鼠标左键；

Ondblclick：双击鼠标左键；

两。键盘事件：

满意答案：当用户按下键盘上的键，它发生。

Onkeyup：当用户释放按键。

按键：当用户在按钮；

three.html事件：

载：当页面加载；

onUnload：当卸载页面；

终止：当用户终止加载过程中，如果他不完全是重装上阵，中断事件发生。

错误时事件的发生：Javaｓｃｒｉｐｔ是错误的；

选择：在输入文本，当用户选择一个字符，触发选择事件

变化：在输入文本，当它失去焦点，引发更改事件的选择

提交：提交表单时，提交事件被触发；

复位：复位

调整大小：当窗口或帧大小被调整时触发的事件；

滚动：当用户滚动或滚动条时触发的事件。

焦点：当焦点丢失时；

模糊：当你得到焦点时；

Javaｓｃｒｉｐｔ事件模型

1、Javaｓｃｒｉｐｔ事件模型：1。气泡类型：当用户点击按钮时：输入正文HTML文档窗口（从上到下气泡），IE浏览器只使用气泡。

2。捕获类型：当用户单击按钮时：窗口文档HTML正文输入（从上往下）

ECMA标准化后，其他的浏览器支持两种类型，这是第一个捕获。

2。传统事件的三种写作方式：

一

2。====== / /著名的功能

三.匿名函数

复制代码代码如下所示：
VaR Button1 = document.getelementbyid（input1 ）；

Button1 OnClick =函数（）{。

（'helloword警报！

}
三.现代事件的写作方式：

复制代码代码如下所示：

添加事件
Var fnclick（）{

警报（我被点击）

}

Var Oinput = document.getelementbyid（input1 ）；

oinput.attachevent（onclick

--------------------------------------

oinput.detachevent（onclick
复制代码代码如下所示：

添加事件
Var fnclick（）{

警报（我被点击）

}

Var Oinput = document.getelementbyid（input1 ）；

Oinput.addEventListener（onclick

--------------------------------------

Oinput.removeEventListener（onclick
复制代码代码如下所示：

与IE和DOM添加事件兼容
无功fnclick1 =函数（）{ alert（我被点击了）}

无功fnclick2 =函数（）{ alert（我被点击了）}

Var Oinput = document.getelementbyid（input1 ）；

如果（文件。attachevent）{

oinput.attachevent（onclick

oinput.attachevent（onclick

}

其他（文件。addEventListener）{

Oinput.addEventListener（单击

Oinput.addEventListener（单击

}