当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 学习笔记(十六) js事件

Javascript
QQ邮箱的一个文本编辑器代码
Z-Blog中用到的js代码
绝对经典的滑轮新闻显示(javascript+css)实现
用js实现的仿sohu博客更换页面风格(简单版)
仿Vista进程条效果
用Javascript判断图片是否存在,不存在则显示默认图片的代码
用JQuery 实现的自定义对话框
jQuery使用手册之三 CSS操作
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
贴图转换+转贴工具用到的js代码超级推荐
超级简单的图片防盗(HTML),好用
现代 javscript 编程 资料
超级可爱纯js网页时钟
Dojo之路:如何利用Dojo实现Drag and Drop效果
AJAX架构之Dojo篇
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
使用prototype.js 的时候应该特别注意的几个问题.
一个已封装好的漂亮进度条
漂亮的widgets,支持换肤和后期开发新皮肤
用javascript实现的仿Flash广告图片轮换效果

Javascript 中的 JavaScript 学习笔记(十六) js事件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-02-27   浏览: 168 ::
收藏到网摘: n/a

事件对象里包含三个方面的信息····回看上一篇内容!事件对象里的属性和方法,主要是鼠标和键盘的信息。 回顾
事件对象里包含三个方面的信息····回看上一篇内容!
事件对象里的属性和方法,主要是鼠标和键盘的信息。
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等事件。
四、 突变事件
文档或元素元素的子树的添加删除节点,目前还没有任何主流浏览器实现了它。