api - 事件监听

点击事件：click

    //事件触发器
    点击span后执行下面的函数（每点击一次span执行一次函数，生成多个多用域）
    span.addEventListener('click', function () {
      
    })

输入框事件

focus：聚焦事件，只要获取焦点就会触发
blur：失焦事件，只要失去焦点就会触发
input：内容改变事件，只要内容有改变，就会触发（添加一个元素或者删除一个元素）
change：内容改变的失焦事件，内容改变的同时，失去焦点就会触发（可以应用在上传文件上，上传成功后触发）

focus：  //鼠标点击进去input准备填写时候触发
input.addEventListener('focus', function () {

})

blur：  //鼠标点击进去填写完毕后再点击其他地方触发
input.addEventListener('blur', function () {

})

input：  //点击进去后开始填写内容就触发，每输入一个内容触发一次（可以应用在动态获取文本内容的长度）
input.addEventListener('input', function () {

})

change：  //内容发生了改变，且同时失去焦点后触发（应用到文件的上传）
input.addEventListener('change', function () {

})

键盘事件

keydown：键盘按下触发事件：键盘任意位置按下后都会触发事件
keyup：键盘松开触发事件：键盘任意位置松开后都会触发事件

input.addEventListener('keydown', function (e) {    //该按下事件是判断键盘是否按下了回车键，如果是才执行
    if (e.which === 13) {
        console.log('登录');
      }
    // if (e.key === 'Enter') {
    //   console.log('登录');
    // }   
})