1. 鼠标事件
- onclick 单击触发
- ondblclick 双击触发
- oncontextmenu 右击触发/return false阻止系统菜单
- onmouseover 鼠标指向触发
- onmouseout 鼠标移开触发
- onmousedown 鼠标按下触发
- onmouseup 鼠标松开触发
- onmousemove 鼠标移动触发
2. 键盘事件
- onkeydown 按下按键触发
- onkeyup 松开按键触发
- onkeypress 按下并松开按键触发(不是所有按键都能触发,高级事件)
`上下左右/大小写切换/shift/ctrl/alt 不能触发`
3. 表单事件
- onsubmit 表单被提交时触发
- onreset 表单被重置时触发
- onfocus 获取焦点
- onblur 失去焦点
- onchange 改变表单控件的内容或状态时就触发.
`用于input元素时,value值变化且失焦才会触发`
- oninput 非IE: 输入时触发(input/textarea)
- onpropertychange IE(-9.0): 输入时触发(input/textarea)
- onselect 选取文本时触发(input/textarea)
4. 框架/对象事件
- onload 文档加载完触发/图片加载完触发
- onunload 文档关闭时触发 IE
- onbeforeunload 文档关闭时触发 非IE
`浏览器阻止了关闭前的弹框 需要return "string..."`
- onabort 图片加载过程中中断触发
https://krpano.com/panos/tokyo45gp/
- onerror 图片加载错误触发
- onresize 窗口/框架大小变化时触发
- onscroll 元素滚动条在滚动时触发
5. 其他事件
- oncopy 拷贝内容时触发
- oncut 剪切内容时触发
- onpaste 粘贴内容时触发
- onplay 音/视频开始播放时触发(audio/video)
- onpause 音/视频暂停时触发(audio/video)
- onended 音/视频播放结束时触发(audio/video)
6. Event事件对象
6.1 获取 var e = en || window.event;
6.2 属性
e.clientX 鼠标x坐标
e.clientY 鼠标y坐标
e.keyCode 按键码
7. 常用HTML元素属性
innerHTML 双标签之间的文本
当前元素 相对与body 或已定位的父元素的 偏移量
offsetTop
offsetLeft
当前元素 左边缘或顶边缘 滚过的像素值
scrollTop
scrollLeft
className 当前元素的class属性值
tagName 当前元素的标签名
8. window
- 描述 整个浏览器窗口
- 它是JS(web)中 所有对象的根对象
- 使用window的属性和方法时, 省略window的调用
- 自定义对象/变量/函数 都属于window
属性:
见手册
方法:
clearInterval() 取消由 setInterval() 设置的 timeout。
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。
setTimeout() 在指定的毫秒数后调用函数或计算表达式。
alert() 警告框
confirm() 确认框
prompt() 输入框
open() 打开新窗口
close() 关闭自己打开过的窗口
print() 打印
scrollTo() 滚到哪去
scrollBy() 滚多少
