添加（绑定）事件方式1：通过HTML标签事件属性（不建议使用)

方式2：通过JS代码：先获取需要绑定事件的元素，给事件属性赋值一个匿名函数（建议使用）

// 方式3：通过addEventListener()方法给元素添加事件（推荐的方法）

        // 第一个参数是事件的名称，注意不加on

        // 第二个参数是事件的执行逻辑所对应的函数

        // 第三个参数布尔值，默认值是false

// fun1(); // 报错：函数表达式没有变量提升

        // fun2();

        // 函数表达式：没有变量提升

// 普通的函数

// 移除事件监听

// 绑定事件属性和addEventListener()有何区别？

        // ===1、onclick添加事件不能绑定多个事件，后面绑定的会覆盖前面的。

        // 2、addEventListener方式，不支持低版本IE。

        // 3、普通方式绑定事件后，不可以取消；addEventListener绑定后，可以用removeEvenListener 取消

        // 事件属性能绑定多次事件，但最后一次会把前面的覆盖。

        // 而事件监听能绑定多次事件，每一个事件都是独立的，不会覆盖。

// 失去焦点时事件执行。

// event事件句柄，是连接用户和操作元素之间的纽带。

// change更改了文本，并且焦点离开事件执行。

        // input更改了文本时事件执行。

// 图片加载失败或页面出错时事件执行。

        // var abc = document.getElementById("abc");

        // abc.addEventListener("error", function () {

        //    alert("图片路径错误，加载失败")

        // })

        // 元素获取焦点时事件执行。

keydown// 键盘按下某个键时事件执行。执行一次。

keypress按下某键不松时事件执行。 一直执行，执行多次。

keyup按下某键并松开时事件执行。执行一次。

mousedown"鼠标按下时事件执行。

mouseup 鼠标松开时事件执行。

mousemove // 鼠标移动时事件执行。

// window.onload保证当前文档完全加载完成之后，再去执行业务逻辑

        // 文档中有大量的视频，图片，文档会一直阻塞