概述:JS使我们有能力去创建动态页面,事件就是可以被JS侦测到的行为。
事件的三要素:
事件源:事件被触发的对象,就是谁触发了这个事件
事件类型:比如:鼠标点击,鼠标经过,键盘按下
事件处理程序:通过一个函数赋值的方式完成
事件执行的步骤:
1.获取事件源
2.注册事件(也叫绑定事件)
3.添加事件处理程序(一般用function函数)
操作元素:
JS的dom操作可以改变网页内容,结构和样式,我们就可以利用dom操作元素来改变元素里面的内容属性等。
【修改元素属性】:先获取元素,注册事件,处理程序,然后直接调用元素的属性赋值。
事件的分类:鼠标事件,键盘事件,HTML事件。
常见的事件类型:
1.点击事件:
onclick:单机事件
ondblclick:双击事件
2.焦点事件:
onblur:失去焦点
onfocus:元素获得焦点
3.加载事件:
onload:一张页面或一幅图像完成加载
4.鼠标事件:onclick:点击事件
ondblclick:双击事件
onmousedown:按下鼠标不松开触发
onmouseup:松开鼠标按钮时触发
onmouseover:鼠标移入某个元素触发
onmouseout:当鼠标移出某个元素触发
onmouseenter:当鼠标移入某个元素那一刻触发
onmouseleave:当鼠标移出某个元素那一刻触发
onmouseover和onmouseenter的区别:前者会影响子元素的触发事件,后者不会影响。
5.键盘事件:
onkeydown:某个键盘按键被按下
onkeyup:某个键盘按键被松开
onkeypress:某个键盘按键被按下并松开
6.选择和改变:
onchange:域的内容被改变
onselect:文本被选中
7.表单事件:
onsubmit:确认按钮被点击
onreset:重置按钮被点击
js中回调函数机制:回调函数的特点:自己把这个函数代码写出来了,但是这个函数不是自己负责调用,由其他程序负责调用该函数。