一、今日学习内容
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.更换背景图片
二、今日问题
今日没有遇到问题,下课时已解决
|