表单事件：

onfocus 获取焦点

onblur 元素失去焦点

onchange 用户改变域的内容（value值是后台所需要的值 如果想传给后台 请把value属性上 写上你需要传的值）

onreset 表单重置事件不支持input标签，支持form标签。

onreset 使用这个事件 除了默认的可以清除表单外还可以做一些 清除表单之后的事情 ，比如把输入的背景色改回来。

formId.onreset = function (){          console.log('重置')          user.style.background = ''      }复制代码

onsubmit 表单提交事件不支持input标签，支持form标签

监听事件:

监听addEventListener事件

和onclick的区别 区别一 写的方法不会被覆盖

区别二 false表示冒泡（从里到外触发事件）

true表示捕获 （从外到里触发事件）

window.addEventListener('click',function(){

alert(1)

 })

window.addEventListener('click',function(){

alert(2)

})

window.addEventListener('click',function(){

alert(3)

})

点击子元素 把父元素的事件也调用了 事件冒泡

let div1 = document.querySelector('.div1')let div2 = document.querySelector('.div2')复制代码

div1.onclick = function(){alert(1)}div2.onclick = function(e){//兼容写法 让谷歌和ie都支持let eObj = e || event;eObj.stopPropagation()eObj.cancelBubble = true;//event是一个js的关键字 这个关键字变量保存了事件源对象的属性console.log(event);event.stopPropagation()event.cancelBubble = true;复制代码

事件源对象

console.log(e);复制代码

阻止事件冒泡的方法

e.stopPropagation();复制代码

取消冒泡属性

e.cancelBubble = true;复制代码

            alert(2)

}

false表示冒泡（从里到外触发事件）

true表示捕获 （从外到里触发事件）

div1.addEventListener('click',function (){alert(1)},true)

div2.addEventListener('click',function (){alert(2)},true)