回顾 事件对象里包含三个方面的信息····回看上一篇内容! 事件对象里的属性和方法,主要是鼠标和键盘的信息。 1. 获取事件类型 事件对象属性type 2. 获取按键代码 事件对象属性keyCode:回车为,空格为,后退键为8 3. 检测Shift、Alt、Ctrl键 事件对象属性是否被按下:shiftKey、altKey、ctrlKey 4. 获取客户端坐标 事件对象属性clientX和clientY 5. 获取屏幕坐标 事件对象属性screenX和screenY 事件的类型 根据触发事件的事物和事件发生的对象,可将浏览器中发生的事件分为几个类型: 一、 鼠标事件 每个鼠标事件都会给以下event对象的属性填入值: 1.坐标属性(如clientX 和 client 等) 2.Type属性 3.Targer(DOM)或serElement(IE)属性(目标对象属性) 4.shiftKey、ctrlKey、altKey和metaKey(DOM)属性 5.button属性(只在mouse事件中) (oEvent.target || oEvent.srcElement).id逻辑符或操作符作用于两个对象时,第一个对象非空,返回第一个对象,否则返回第二个对象,这里表示的是引起事件的元素的ID。 二、 键盘事件 Keydown --- 在键盘上按下某按键时发生。一直按着某键,它则会不断触发。 Keypress --- 按下一个按键,并产生一个字符时产生(也就是不管类似Shit ctrl alt之类的键。)一直按键时,它会持续发生。 Keyup --- 释放按着的按键时发生 1. 事件的属性 对每个键盘事件,会填入以下的事件属性: keyCode属性(键位的ASC码值) charCode属性(仅DOM) target(DOM)与srcElement(IE)属性 shiftKey、ctrlKey、altKey和metaKey(DOM)属性 2.顺序 当用户按一次某字符按键时,会按以下顺序发生事件: (1)、keydown; (2)、keypress; (3)、keyup; 如果用户按一次某非字符按键(例如shift),会按以下顺序发生事件: (1)、keydown; (2)、keyup; 三、 HTML事件 onload、unload、resize、scroll等事件。 四、 突变事件 文档或元素元素的子树的添加删除节点,目前还没有任何主流浏览器实现了它。
推荐整理分享JavaScript 学习笔记(十六) js事件(javascript教程),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:javascript教程推荐知乎,javascript教程推荐知乎,javascript学习指南,javascript学习指南,javascript入门教程,javascript教程推荐知乎,javascript学习指南,javascript基础笔记,内容如对您有帮助,希望把文章链接给更多的朋友!
JavaScript学习笔记(十七)js 优化 一直很迷惑司徒正美为什么对以下的for循环还鄙视,for(vari=0;ilist.length;i++){//循环代码}看了下面这篇文章终于TM明白了。。。语言层次方面循环在JavaScript
javascript 函数速查表 abs方法返回一个数的绝对值。acos方法返回一个数的反余弦。anchor方法在对象的指定文本两端加上一个带NAME属性的HTML锚点。asin方法返回一个数的反正弦
JavaScript DOM学习第一章 W3C DOM简介 在这一章我主要介绍已经被新一代的浏览器所支持的W3C第一级的DOM。对他的运作做一个大概的了解并且让你知道你可以对他们做什么。首先是对于DOM的