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

标题: 2022-11-8 王嘉乐前端 [打印本页]

作者: yousay！ 时间: 2022-11-8 23:40
标题: 2022-11-8 王嘉乐前端
一、今日学习内容
鼠标：
点击事件click
双击事件dblclick
鼠标移入mouseover
鼠标移出mouseout

键盘事件
keyup
keydown

表单事件
input
change

窗口
load
scroll

事件源：谁来触发--标签
事件类型：什么事件？鼠标事件，键盘事件
事件处理函数：触发事件之后要进行的行为
事件对象：事件发生时的相关信息都保存到事件对象中

添加事件
dom.addEventListener('事件名称',事件处理函数)

dom.addEventListener('click', function (event) {
// console.log(event);
// 事件源
console.log(event.target);
// 事件类型
console.log(event.type);

// 点击的坐标值
console.log(event.clientX);
console.log(event.clientY);
})

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