Event 事件 - JavaScript

绑定事件

其他事件同理

HTML属性绑定 点击事件

<input type="button" onclick="f()">
<!-- 点击执行在JS定义的 f() 函数 -->

通过DOM元素属性绑定 点击事件

document.getElementById('btn').onclick=function() {

}

常见事件

onclick 鼠标点击

onblur 元素失去焦点

onfocus 元素获得焦点

onload 某个页面或图像被完成加载

onsubmit 当表单提交时触发该事件

onkeydown 某个键盘的键被按下

onmouseover 鼠标被移到某元素之上

onmouseout 鼠标从某元素移开

鼠标事件(mouse)

点击事件click

双击事件dblclick

鼠标按下mousedown·

鼠标弹起mouseup·

鼠标移入mouseenter

鼠标移出mouseleave·

鼠标移入mouseover·

鼠标移出 mouseout

鼠标右键contextmuen

冒泡模式：事件触发重内往外
捕获：从外往内 需要添加监听事件 切第三个参数为true 可以是个对象 capture：true

键盘事件(key)·

按下keydown·

弹起keyup

·按下非功能键keypress

html事件

onresize: document.documentElement.clientWidth;没有括号 可视区域宽度

onscroll:document.documentElement.scrollTop;获取不可见区域的高度

表单相关

加载事件

window.onload=function(){ alert('加载完毕');};

Event 对象

e.preventDefault() 阻止默认行为

e.stopPropagation() 阻止事件冒泡