JavaScript ,事件学习笔记
回顾
事件对象里包含三个方面的信息····回看上一篇内容!
1. 获取事件类型
事件对象属性type
2. 获取按键代码
事件对象属性keyCode:回车为13,空格为32,后退键为8
3. 检测Shift、Alt、Ctrl键
事件对象属性是否被按下:shiftKey、altKey、ctrlKey
4. 获取客户端坐标
事件对象属性clientX和clientY
5. 获取屏幕坐标
事件对象属性screenX和screenY
事件的类型
根据触发事件的事物和事件发生的对象,可将浏览器中发生的`事件分为几个类型:
一、 鼠标事件
每个鼠标事件都会给以下event对象的属性填入值:
1.坐标属性(如clientX 和 client 等)
属性
er(DOM)或serElement(IE)属性(目标对象属性)
tKey、ctrlKey、altKey和metaKey(DOM)属性
on属性(只在mouse事件中)
(et || lement)逻辑符或操作符作用于两个对象时,第一个对象非空,返回第一个对象,否则返回第二个对象,这里表示的是引起事件的元素的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的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...
-
javascript的return语句的作用
return语句在js中非常的重要,不仅仅具有返回函数值的功能,还具有一些特殊的用法,有个清晰的把握是非常有必要的。下面就结合实例简单介绍一下return语句的作用。用来返回控制和函数结果:通常情况,return语句对于一个函数是很有必要的`,因为往往需要函数在一系列的代...
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...
-
javascript设置创建动态表格的方法
两种JavaScript动态创建table表格的方法,分享给大家,具体实现如下方法一:最原始的方法,创建一一元素vara1=teElement("table");vara2=teElement("tbody");vara3=teElement("tr");vara4=teElement("td");//开始appendchild()追加各个元素ndChild(a4);ndChild(a3);nd...