好发信息网-网站建设,魔兽世界 建设公会网站,安阳网站设计哪家好,360建筑网消防工程师1、事件监听
语法#xff1a; 1 元素对象.addEventListener(‘事件类型’,要执行的函数#xff09; 三要素#xff1a;#xff08;1#xff09;、事件源 #xff08;2#xff09;事件类型 #xff08;3#xff09;执行的函数 2元素对象.on事件类型 …1、事件监听
语法 1 元素对象.addEventListener(‘事件类型’,要执行的函数 三要素1、事件源 2事件类型 3执行的函数 2元素对象.on事件类型 function(){myScript}; 如元素对象.onkeydown function(){myScript};、“元素对象.onclick function(){myScript};” 区别on事件方法是最早的事件监听方法存在一些问题不推荐使用了Internet Explorer 8 或更早的版本不支持 addEventListener() 方法。
2、事件类型
鼠标事件
click 鼠标点击mouseenter 鼠标经过mouseleave 鼠标离开
焦点光标事件
focus 获得焦点blus 失去焦点
键盘事件
keydown 键盘按下触发keyup 键盘抬起触发 最好用这个松手后才发出内容
文本事件
input 用户输入事件
3、let和var的区别
var是旧版本中使用的有些不合理的地方现在已经不怎么用了。 let对var不合理的地方进行了改进。
4、事件对象——event、ev、e
函数里的第一个参数 。functionevent{}事件对象记录鼠标的位置或者敲下哪个键盘键的信息。事件对象也是对象所以它也有属性和方法。
事件对象的属性
type 获取当前的事件类型clientX/clientY 获取光标相对于浏览器可见窗口左上角的位置offsetX/offsetY 获取光标相对于当前DOM元素左上角的位置key 用户按下的键盘键的值现在不提倡使用keycode
