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

标题: DOM/2-门帅20221207 [打印本页]

作者: I1220 时间: 2022-12-7 22:23
标题: DOM/2-门帅20221207
事件
事件是用户与计算机交互的过程

事件四要素
事件源：事件发生的源头，发生事件的那个标签
事件类型：发生的是什么事件
事件处理函数：当事件发生时，去调用的函数
事件对象：事件发生时的相关信息都保存到事件对象中

鼠标事件
click----单击左键事件
mouseover----鼠标移入事件
mouseout----鼠标移出事件
dblclick---双击鼠标左键事件

键盘事件
键盘按下：keydown
键盘按下--结果为上一次按下的值
键盘抬起：keydown
   键盘抬起--结果为最新一次抬起的值，但是不抬起时，获取不到

表单事件
输入事件：input
ipt.addEventListener('input', function () {
         console.log(ipt.value);
})
select改变事件：change
sel.addEventListener('change', function () {
         console.log(sel.value);
  })
select表单事件change--当option发生改变时才会触发

窗口加载事件
load
//load 等页面静态资源，html,css,img等加载完毕之后，在执行load函数里面的代码

滚动事件
scroll
   window.addEventListener('scroll', function () {
         console.log('滚动条动了',window.scrollY);
      })

自定义属性
data-属性名="属性值"

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