1 页面加载事件
用于在网页加载完毕后立刻执行的操作,即当 HTML 文档加载完毕后,立刻执行某个方法。
或
window.onload = function(){
javascript代码
}
2 窗口重置事件
用于在窗口或框架被调整大小时执行某个方法。
或
window.onresize = function(){
代码
}
3 鼠标滚轮事件
当鼠标滚轮在元素上下滚动时执行某个方法。
火狐浏览器
document.addEventListener(“DOMMouseScroll”,函数名,布尔值);
说明:布尔值是可选值
true - 事件句柄在捕获阶段执行
false- 默认。事件句柄在冒泡阶段执行
谷歌浏览器
window.onwheel = 函数名;
function hello(e){}
获取滚轮上下滚动
火狐
e.wheelDelta
谷歌
e.detail
e.preventDefault();不执行默认的行为操作
4 触屏事件
(1)触屏开始
document.addEventListener(“touchstart”,函数名,布尔值);
当手指触摸屏幕时候执行某个函数。
(2)触屏结束
document.addEventListener(“touchend”,函数名,布尔值);
当手指从屏幕上离开的时候执行某个函数。
(3)触屏滑动
document.addEventListener(“touchmove”,函数名,布尔值);
当手指在屏幕上滑动的时候连续地执行某个函数。
说明:布尔值是可选值
true - 事件句柄在捕获阶段执行
false- 默认。事件句柄在冒泡阶段执行
获得鼠标坐标
同js的(event)
e.changedTTouches[0]pageX或者是Y