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的