JS的常用事件及注册方式

常用事件

blur失去焦点
focus获得焦点

click鼠标单击
dblclick鼠标双击

keydown键盘按下
keyup键盘弹起

mousedown鼠标按下
mouseover鼠标经过
mousemove鼠标移动
mouseout鼠标离开
mouseup鼠标弹起

reset表单重置
submit表单提交

change下拉列表选中项改变，或文本框内容改变
select文本被选择
load页面加载完毕（整个HTML页面中所有的元素全部加载完毕之后发生）

任何一个事件都会对应一个事件句柄，事件句柄是在事件前添加on。onXXX这个事件句柄出现在一个标签的属性位置上（事件句柄以属性的形式存在）

注册方式

第一种方式：直接在标签中使用事件句柄

<script>
	function sayHello(){
		alert("hello js");
	}
</script>

<input type="button" value="hello" onclick="sayHello"/>

将sayHello函数注册到按钮上，等待click事件发生后，该函数被浏览器调用。
sayHello函数被称为回调函数（callback函数）

第二种方式：使用纯JS代码完成事件的注册

<input type="button" value="hello" id="mybtn"/>
<script type="text/javascript">
	//回调函数
	function sayHello(){
		alert("hello js");
	}
	
	//第一步：先获取这个按钮对象
	//document是内置对象可以直接用，代表整个HTML页面
	var btnObj=document.getElementById("mybtn");
	//第二步：给按钮对象的onclick属性赋值
	btnObj.onclick=sayHello;//注意不要加小括号

	//或者
	btnObj.onclick=function(){//匿名函数（也是回调函数）
		alert("hello js");
	}
	//可以简化为
	document.getElementById("mybtn").onclick=function(){
		alert("hello js");
	}
</script>