本帖最后由 你又脸红了 于 2022-12-7 18:44 编辑
一、今日内容
1、事件
什么是事件：事件是用户与计算机交互的过程
1.1事件的四要素：
1，事件源：事件发生的源头，发生事件的那个标签
2，事件类型：发生的是什么事件
3，事件处理函数：当事件发生时，去调用函数
4，事件对象：事件发生时的相关信息都保存到事件对象中
1.2鼠标事件
click-----单机左键事件
mouseover-----鼠标移入事件
mouseout-----鼠标移出事件
dblclick-----双击鼠标左键事件
2、H5新增的属性--自定义属性
data-属性名=“属性值”
3、事件注册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事件对象
4、键盘事件分类：
onkeydown：键盘按下触发事件，功能键也能识别，不能识别大小写；
onkeyup；键盘弹起触发事件，也能识别功能键，不能识别大小写；
mousedown：鼠标按钮被按下（左键或者右键）时触发，不能通过键盘触发。
mouseup：鼠标按钮被释放弹起时触发，不能通过键盘触发。
dblclick：双击鼠标左键触发的。
二、今日问题
无
三、解决方案
无
|
