JavaScript-事件知识点总结

事件构成三要素

1.触发的元素

2.事件函数（on+事件类型）

3.事件处理函数（方法）

事件书写方式

元素内部直接写

<a href='' οnclick=”alert('hello')“></a>

元素内部调用函数

<a href='' οnclick='fn()'></a>

使用对应的事件属性添加事件

var box = document.getElementById('box')
box.onclick = function(){
​
}
box.onclick = fn

事件类型

1.鼠标事件

点击事件 onclick （执行在按下和弹起之后）

双击事件 ondblcilck

移入事件 onmouseover （子元素也会触发）

移出事件 onmouseout

移入事件 onmouseenter

移出事件 onmouseleave

移动事件 onmousemove

按下 onmousedown

弹起 onmouseup

2.键盘事件

onkeydown 按下

onkeyup 弹起

onkeypress 按下后弹起前 （字符按键 包含字母数组下划线特殊字符及回车和空格）

3.html事件

onload 加载 window

onunload 卸载 window

onblur 失去焦点 input

onfoucs 获取焦点 input<