JavaScript事件

1.JavaScript事件简介

1.事件就是文档或浏览器窗口中发生的一些特定的交互瞬间

2.事件就是用户与浏览器的交互行为

3.在wed应用来说，有代表性的事件：单击事件，鼠标移入事件，鼠标移出事件，键盘按下和弹起事件

2.给button按钮绑定事件

1.11

按钮

2.获取id绑定事件

var btn = document.getElementById(oop);

btn.οnclick=function(){

alert(哈哈)

}

3.文档加载事件

1.按钮

var
mmop = document.getElementById(“mmop”);

mmop.onclick
= function(){

alert(00)

}

2.浏览器在加载一个页面的时，是按照自上而下的顺序加载的，读取一行就运行一行，如果将srcipt标签写在上面再执行代码，页面没有加载，会报错

var
mmop = document.getElementById(“mmop”);

mmop.onclick
= function(){

alert(00)

}

按钮

3.解决这个问题我们要用到onload事件（onload事件：会在整个页面加载完毕后触发，为window事件绑定一个onload事件）

window.οnlοad=function(){

var
mmop = document.getElementById(“mmop”);

mmop.onclick = function(){

alert(00)

}

}

4.事件对象

1.事件对象的介绍

Onmousemove：该事件将会在鼠标的元素中移动时被触发事件对象

当我们的事件响应函数被触发时，浏览器每次都会将一个事件对象作为实参传递递进响应函数，在事件对象中封装了当前时件相关的一切信息，比如鼠标的坐标，键盘的按钮，鼠标滚轮的方向等

2.鼠标移入弹出提示框代码

1.Mot.οnmοusemοve=function(){

Alert(00);

}

2.clientX  可以获取鼠标指针的水平坐标

clientY 
可以获取鼠标指针的垂直坐标

clientX和clientY：用于鼠标当前的可见窗口的坐标div的偏移量是相对于整个网页的

3.在IE8中，响应函数被触发时，浏览器不会传递事件对象，在IE8以下的浏览器中，

是将事件对象作为Window对象的属性保存的。

4.获取滚动条滚动的距离：Chrome认为浏览器的滚动条是body的，可以通过body.scrolltop来获取的   火狐等浏览器认为浏览器的滚动条是HTML的