本文总结js日常使用中使用次数较多的事件
鼠标事件
名称 | 作用 |
---|
onclick | 鼠标单击 |
onmouseover | 鼠标移入 |
onmouseout | 鼠标移开 |
onmousedown | 鼠标按下 |
onmouseup | 鼠标抬起 |
onmousemove | 鼠标移动 |
键盘事件
名称 | 作用 |
---|
onkeydown | 键盘按下 |
onkeyup | 键盘抬起 |
表单事件
名称 | 作用 |
---|
onfocus | 获取焦点 |
onblur | 失去焦点 |
onselect | 选中文本框 |
onchange | 选择某一项时触发 |
注意: focus和onfocus是不一样的,focus是一个方法是为了让元素获得焦点,onfocus是一个属性,用于事件操作。
select跟onselect是不一样的。select()是一个方法,仅仅用于全选文本。而onselect是一个属性,它是用于事件操作的
编辑事件
名称 | 作用 |
---|
oncopy | 内容复制 |
onselectstart | 内容选取 |
oncontextmenu | 鼠标右键 |
页面事件
名称 | 作用 |
---|
onload | 文档加载完再执行 |
onbeforeunload | 页面离开前触发 |
事件监听器
事件监听器就是使用***addEventListener***为元素添加事件,即为“绑定事件”。
可以用***removeEventListener***进行解绑。