原生JavaScript 中绑定事件，绑定点击事件，鼠标时间，双击事件

<div class='box'>点击打印</div>


原生Javascript中获得 DOM 元素

 let box = document.querySelector('.box')


// DOM  L2  事件    一个元素通过 addEventListener 能设置多次点击事件
    box.addEventListener('click', () => {

      console.log(123)

        // 添加逻辑代码即可

    })



// DOM  L0  事件    一个元素通过 onclick 只能设置一次点击事件
  box.onclick = function () {

      console.log(789)

      // 添加逻辑代码即可

    }

    // 常用的事件
    click ：点击触发的事件
    blur  : 失去焦点出发的事件
    focus : 获得焦点出发的事件
    change: 发生改变出发的事件
    scroll: 页面滚动触发的事件
    submit: Form 表单的提交事件
    Onmouseup:当鼠标松开时触发事件
    Onmousedown:当鼠标按下键时触发事件
    keydown ：按下键盘触发的事件
    keyup ；抬起键盘触发的事件