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

标题: 陈玉-20221108-DOM&BOM DAY2 [打印本页]

作者: polaris123 时间: 2022-11-9 00:11
标题: 陈玉-20221108-DOM&BOM DAY2
一、今日学习内容
1.鼠标事件
  点击事件：click
  语法：变量名.addEventListener（‘click’，function（）{}）
2.双击事件：dblclick
  语法：变量名.addEventListener（‘click’，function（）{}）
3.鼠标移入：mouseover
  语法：box.addEventListener('mouseover', function (e){}）
4.鼠标移出：mouseout
  语法：box.addEventListener('mouseover', function (e){}）
5.键盘事件
keyup
ipt.addEventListener('keyup', function () {}）
特点：键盘弹起时才会打印

keydown
ipt.addEventListener('keydown', function (){}）
特点：会在第二次触发时打印
6.表单事件
  input
ipt.addEventListener('input', function () {}）
特点：会在输入信息时就打印

7.change
sel.addEventListener('change', function (){}）
change事件类型在输入框输入的值变化时响应，当上一次输入的值和当前输入的值不同时便会触发，会多次触发事件
8.窗口事件
load window.onload = function (){}
scroll
window.addEventListener('scroll', function (){}
窗口的滚动条滑动时的事件，window.scrollY属性会显示离顶部的距离
9.隔行变色
10.换肤
11.更换背景颜色
12.更换背景图片
二、今日问题
今日没有遇到问题，下课时已解决

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