JavaScript学习笔记DOM（4）-事件
事件列表
- onabort，图像加载被中断
- onblur，元素失去焦点
- onchange，用户改变域的内容
- onclick，鼠标点击某个对象
- ondbclick，鼠标双击某个对象
- onerror，当加载文档或图像时发生某个错误
- onfocus，元素获得焦点
- onkeydown，某个键盘的键被按下
- onkeypress,某个键盘的键被按下或按住
- onkeyup，某个键盘的键松开
- onload，整个页面或图像被加载完成
- onmousedown，某个鼠标键被按下
- onmouseover，鼠标被移动
- onmouseout，鼠标从某个元素移开
- onmouseup,某个鼠标按键松开
- onreset，重置按钮被点击
- onresize，窗口或框架被调整尺寸
- onselect，文本被选定
- onsubmit，提交按钮被点击
- onunload，用户退出页面
HTML 事件属性
div 点击事件
<div onclick="displayDate()">点这里</div>
备注：还可以通过 setAttribute("onclick","displayDate()")设置使用 HTML DOM 来分配事件
html 代码：
<div id="demo"></div>
javascript 代码:
<script >
document.getElementById("demo").onclick=function(){
alert("我的点击事件");
}
</script>
使用 addEventListener 添加事件
语法：
element.addEventListener(event, function, useCapture);
说明：element,元素如 document.getElementById("myBtn")
event，事件如 click ps:这里是 click 事件，而不是上面的 onclick,一般情况需要把上面的 on 去掉,特殊情况还是查阅相关文档吧！
function,调用的方法如 box ps：这里只需写方法名即可
useCapture,是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。备注：
用此方法可以向同一元素添加多个事件
element.addEventListener("click", myFunction);
element.addEventListener("click", mySecondFunction);执行方式：依次执行，只针对相同事件！
