前端JS-事件

Js事件

1.文档加载事件

此事件使用频率很高，务必掌握。

1.1、ready()

ready(): 表示文档结构已经加载完成（不包含图片等非文字媒体文件）

$(document).ready(function(){
	//ready
})

1.2、onload()

onload(): 包含图片等文件在内的所有元素都加载完成。

window.onload = function(){
  //onload
}

2.HTML事件

HTML 事件可以是浏览器行为，也可以是用户行为。
如页面加载完成、你点击个按钮、文本框输入了文字等等，都是HTML事件。通过JavaScript实现。

2.1、onchange

使HTML 元素改变

window.onchange= function(){
  //onchange
}

2.2、onclick

用户点击 HTML 元素

window.onclick= function(){
  //onclick
}

2.3、onmouseover

用户在一个HTML元素上移动鼠标

window.onmouseover= function(){
  //onmouseover
}

2.4、onload

浏览器已完成页面的加载

window.onload= function(){
  //onload
}

2.5、onkeydown

用户按下键盘按键

window.onkeydown= function(){
  //onkeydown
}

2.6、onfocus

元素获取焦点时触发

window.onfocus= function(){
  //onfocus
}

2.7、onblur

元素失去焦点时触发

window.onblur= function(){
  //onblur
}