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>
浙公网安备 33010602011771号