事件列表

  •    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);

执行方式：依次执行，只针对相同事件！