监听事件

表单事件

//元素获取焦点
//如 鼠标点击输入框获取文本焦点时 触发事件函数
onfocus();
//元素失去焦点
//如 鼠标点击输入框之外的地方 触发事件函数
onblur();
//更改域内容时
//当你修改事件函数范围内的内容时 触发事件函数
onchange();
//表单重置时
//当你点击重置表单时 触发事件函数
onreset();
//表单提交时
//当你点击提交表单时 触发事件函数
onsubmit();

事件冒泡

//阻止事件冒泡
//两个属性作用都是相同的
function 函数(e){
    //阻止事件
    e.cancelBubble = true;
    //阻止事件
    e.stopPropagation();
}
//兼容写法
function 函数(e){
    let sum = e || event;
    sum.cancelBubble = true;
}

事件监听

//当你点击时 触发点击事件
//click 可是其他事件函数
addEventListener('click'，function(){
    alert(1);
})
//双击事件
//当存有事件的标签被双击时 触发事件函数
ondblclick()
//鼠标移动
//当鼠标在范围内移动时 触发事件函数
onmousemove();