JS的事件 1.几个常用事件 1) blur失去焦点 focus获得焦点 2) click鼠标单击 dblclick鼠标双击(double click) 3) keydown键盘按下 keyup键盘弹起 4) mousedown鼠标按下 mouseover鼠标经过 mousemove鼠标移动 mouseout鼠标离开 mouseup鼠标弹起 5) reset表单重置 submit表单提交 6)change下拉列表选中项改变 7)select文本被选定 8)load页面加载完毕(整个HTML页面中所有的元素全部加载完毕之后发生) 注: 任何一个事件都会对应一个事件句柄,事件句柄是在事件前添加on onXXX这个事件句柄出现在一个标签的属性位置上(事件句柄以属性的形式存在) 2.事件的注册 第一种方式:直接在标签中使用使用事件句柄 如:<input type='button' value='hello' onclick="sayHello()")/> 注:回调函数 以上代码的含义是:将sayHello函数注册到按钮上,等待click事件发生后, 该函数被浏览器调用,称这个函数为回调函数 第二种方式:使用纯JS代码完成事件的注册 1)获取按钮对象 var btObj=document.getElementById('mybn') 2)给按钮对象的onclick属性赋值 btObj.onclick=回调函数; 如: <body> <input type="button" value="hello" id="mybtn"> <script type="text/javascript""> function doSome(){ alert("do some......") } //1.获取按钮对象 var btnObj=document.getElementById("mybtn"); //2.给按钮对象上的onclick赋值,以下代码是将回调函数注册到click事件上 btnObj.onclick=doSome; //doSome后不能加小括号 </script> </body>