JS-事件
事件
js中注册监听的方式:
js中事件的种类:
JS事件对象 event中的属性和功能
事件
概念:
事件:一件事
事件源:事件发生的组件
监听器:一个对象,当事件源上发生了事件,就执行对象中的某些方法
注册监听:将监听器绑定到事件源上,监听事件的发生
js中注册监听的方式:
在定义标签时,添加 事件名称属性。属性值是js代码
js代码会被自动封装到一个function函数的方法体中
- 通过js获取元素对象,再添加事件
-
通过 addEventListener() 方法 来添加事件
语法:document.getElementById(“myBtn”).addEventListener(“click”,事件处理函数);
//移除事件
值1:事件名
值2:事件处理函数
document.getElementById(“myBtn”).removeEventListener(‘click’,show);js中事件的种类:
焦点事件:针对表单
- onfocus 元素获得焦点
- onblur 元素失去焦点
点击事件:
onclick 当用户点击某个对象时调用的事件句柄
ondblclick 当用户双击某个对象时调用的事件句柄
键盘事件:onkeydown 某个键盘按键被按下
onkeyup 某个键盘按键被松开
onkeypress 某个键盘按键被按下并松开。
通过事件对象event中的keyCode属性,可以获取键盘某个键的键码 其实就是ASCII码表中对按键的编码鼠标事件:
onmousedown 鼠标按钮被按下
onmouseup 鼠标按键被松开
onmouseover 鼠标移到某元素之上
onmouseout 鼠标从某元素移开
onmousemove 鼠标被移动
鼠标按下时,通过事件对象 event中的属性 button 或 which 可以获取鼠标按键的编号
e.button 事件对象中的 button属性可以获取鼠标按键的编号
e.which 也可以获取鼠标的按键编号 0 左键 1滚轮 2右键表单事件:
onsubmit 确认按钮被点击
onreset 重置按钮被点击
oninput 事件 当你往表单中输入内容时就触发
加载与卸载事件:onload 一张页面或一幅图像完成加载
onunload 用户退出页面。 其他浏览器不支持 IE支持(浏览器现在都不支持)