菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 毛少涵202212-7 [打印本页]

作者: 微小星晨 时间: 2023-1-4 19:33
标题: 毛少涵202212-7

一.今日学习内容：
1.事件
什么是事件？
事件是用户与计算机交互的过程
事件的四要素：
事件源：事件发生的源头，发生事件的那个标签；
事件类型：发生的是什么事件；
事件处理函数：当事件发生时，去调用的函数；
事件对象：事件发生时的相关信息都保存到事件对象中；
鼠标事件：
click--单机左键事件
mouseover--鼠标移入事件
mouseout--鼠标移出事件
dblclick--双击鼠标左键事件
h5新增的属性--自定义属性
data=属性名=“属性值”；
事件注册3种方式：
1.在html标签中注册事件（不推荐使用）
语法：<div onclick=“事件处理函数”></div>
<div onclick =“function(){}”></div>
2.在元素对象上注册事件-----推荐使用（web端）
语法：元素对象.事件句柄=事件处理函数
div.onclick=function（）{}或box.onclick=函数名；function 函数名（）{}
窗口加载事件：
当页面中所有的资源（css图片，元素）加载完毕后才执行函数中的代码。
window.onload=function（）{
......
}
页面中只能出现一次窗口加载事件，后面会覆盖前面的。
只要引入的js脚本在head中，js代码都必须放在窗口的加载事件中。
event事件对象
键盘事件分类：
onkeydown：键盘按下触发事件，功能键也能识别，不能识别大小写；
onkeyup；键盘弹起触发事件，也能识别功能键，不能识别大小写；
mousedown：鼠标按钮被按下（左键或者右键）时触发，不能通过键盘触发。
mouseup：鼠标按钮被释放弹起时触发，不能通过键盘触发。
dblclick：双击鼠标左键触发的。
二.今日问题：无。

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)