知道JS事件是什么及作用
事件是发生在 HTML 元素上的一些事情。
知道事件的三要素
事件主要由一下三个部分组成:
事件源:网页上的元素。如:按钮,输入框等
事件类型:为用户或浏览器的行为。如:鼠标点击,选中输入框等
事件处理程序:事件发生后定义的程序。如:跳转网页、算数运算等。
掌握给元素绑定事件的方法
1.在DOM元素中直接绑定
2.在JavaScript代码中绑定
3.使用监听函数addEventListener() 绑定
掌握给元素解绑事件的方法
1. 直接删除法,使用“对象.οnclick=false;”
2.使用addEventListener绑定事件,使用removeEventListener删除绑定事件即可
掌握常用的事件
事件 | 说明 |
onclick | 鼠标单击时触发此事件 |
ondblclick | 鼠标双击时触发此事件 |
onmouseover | 鼠标移动到某个设置了此事件的元素上时触发此事件 |
onmouseout | 鼠标从某个设置了此事件的元素上离开时触发此事件 |
onfocus | 当某个元素获得焦点时触发此事件 |
onblur | 当前元素失去焦点时触发此事件 |
onkeydown | 当键盘上的某个按键被按下时触发此事件 |
onkeyup | 当键盘上的某个按键被按下后弹起时触发此事件 |