回顾 事件对象里包含三个方面的信息····回看上一篇内容！ 事件对象里的属性和方法，主要是鼠标和键盘的信息。 1. 获取事件类型 事件对象属性type 2. 获取按键代码 事件对象属性keyCode：回车为13，空格为32，后退键为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 实现的完全兼容鼠标滚轴缩放图片的代码

code如下： 复制代码 代码如下: /*! *author:sohighthesky *blog:http://www.cnblogs.com/sohighthesky *date:2010-2-4 */ var zooming=function(e){ e=window.event ||e; var o=this,data=e.wheelDelta || e.deta>>>详细阅读

本文标题：JavaScript 学习笔记（十六） js事件

地址：http://www.17bianji.com/kaifa2/JS/27143.html

 1/2    1