js常用事件监听

事件类型：
1.界面事件
onload：描述文档，图片，css已经frame,object加载完毕时触发，window.onload
window.onload = function(){
//代表图片，dom元素，iframe,css加载完毕以后
//才触发的事件
}
$(function(){
//dom css js 初始化就加载事件
//调用了图片的unload事件
});

onunload：移除加载事件
onabort：XMLHttpRequest
onerror：文档加载失败，图片加载失败的时候调用事件，XMLHttpRequest
请求失败是调用的函数
onresize：一般用于窗口，body，frameset改变窗口大小的时候调用
onscroll：用户滚动文档触发的事件
oncontextmenu：右键触发的事件
2.聚焦事件
blur
focus
focusin
focusout
3.表单事件
onchange
onreset
onsubmit
onselect
4.鼠标事件
onclick
ondbclick
onmousedown
onmousemove
onmouseover
onmouseup
onmouseleave
5.滚轮事件
wheel
6.键盘事件
onkeydown
onkeyup
onpress
7.触屏事件
ontouchstart
ontouchchend
ontouchmove
ontouchleave
8.window,body中的嵌套事件
onafterprint:文档打印时候立刻会执行方法
onbeforeprint:打印之前执行事件
onpagehide:当浏览器即将离开的事件
onpageshow:当浏览器即将立刻的事件
onbeforeunload:当浏览器即将立刻的事件
拖拽事件
ondrag
ondragstart
ondragend
ondragenter
ondragleaveover
文档事件
onreadystatechange:XMLHttpRequest

 

键盘事件

onkeydown           //当键盘按下的时候触发
onkeyup               //但键盘抬起的时候触发
event.keyCode    //数字类型 键盘按键的键值
功能键 ctrlkey shiftkey altkey //返回的是布尔值
不是所有元素都能接收键盘事件，能够响应用户输入的元素，能够坚守焦点的元素就能接收键盘事件

document是可以接收键盘事件的

 

焦点：使浏览器能够区分用户输入的对象；当一个元素有焦点的时候，那么他就可以接收用户的输入。
我们可以通过一些方式给元素设置焦点
1 点击
2 tab键切换
3 js
不是所有的元素都能接收焦点，能够响应用户操作的元素才有焦点
焦点事件能干嘛 ？
onfocus             //获得焦点时要做什么事
onblur               //失去焦点时要做什么事
obj.focus()        //给元素添加焦点
obj.blur()          //取消焦点的方法
obj.select()       //全选文本能操作的是有焦点的元素 标准下不支持