javascript事件处理
2008-06-19 14:47
134 查看
1、使用事件有以下多种途径:
使用传统的XHTML事件处理器属性。如<form onsubmit="myFunction();">。
被关联至某个对象。如document.getElementById("myForm").onsubmit = myFunction;
使用诸如IE浏览器的attachEvent()这样的私有方法。
使用DOM2方法。如使用一个结点的addEventListener()方法,来设置事件监听器
2、触发事件有以下途径:
对由用户引发或JavaScript引发的动作进行响应时,由浏览器隐式触发。
由JavaScript使用DOM方法显式触发。如document.forms[0].submit();
使用诸如IE浏览器的fireEvent()这样的方法来显式触发。
由JavaScript使用DOM2的dispatchEvent()方法显式触发。
3、基本事件属性
onblur
onchange
onclick
ondblclick
onfocus
onkeydown
onkeypress
onkeyup
onload
onmousedown
onmousemove
onmouseout
onmouseover
onmouseup
onreset
onselect
onsubmit
onunload
4、非标准方式绑定事件:在<script>中使用for属性,通过id来引用一个属性,然后将事件处理器指向处理器
<script type="text/javascript" for="myemid" event="onmouseover">
******
</script>
5、使用JavaScript绑定事件:尤其是希望动态添加或移除处理器时,显得更为方便。
6、事件处理器的作用域:是其所在的对象。
7、事件处理器的返回值:可以影响事件的默认动作。取消事件的默认动作,可以通过使用事件处理器返回false来实现。使用最多的就是表单的提交。
8、手动触发事件:如document.myForm1.button1.click();
9、绑定处理器到对象:object.attachEvent("event to handle",eventHandler);要移除一个处理器,可以使用detachEvent()方法,参数与attachEvent()相同。
10、Event对象:当事件发生时,会临时创建一个Event对象,并使其可用于适当的处理器。
srcElement:产生该事件的元素
type:以字符串形式返回事件类型
clientX:相对于用户区域的X坐标
clientY:相对于用户区域的Y坐标
screenX:相对实际屏幕的X坐标
screenY:相对实际屏幕的Y坐标
button:确定是哪个鼠标键被按下
keyCode:按键的代码
altKey:ALT键按下时为真
ctrlKey:CTRL键按下时为真
shiftKey:SHIFT键按下时为真
cancelBubble:表明该事件是否应沿事件层次向上移
returnValue:事件返回值
fromElement:被移动的元素
toElement:正在移动到的元素
11、事件流:在IE中,事件的行为是按照标签结构层次流动执行的。
12、DOM2事件模型:描述了创建、捕获、控制与取消事件的标准方法,IE5和IE6不支持DOM2。
13、DOM2 Event对象:
公用属性:bubbles(一个表示事件流的逻辑值) cancelable(一个表示事件是否可取消的逻辑值) currentTarget(当前正在运行的事件处理器的结点) eventPhase(表示事件流当前阶段的数字值) type(表示事件类型的字符串) target(事件发生时所在结点)
鼠标事件:与XHTML定义的相同。
14、DOM2取消默认动作:提供了Event对象的preventDefault()方法,在事件生命期的任何时期,如果处理器调用该方法,事件的默认动作就会被取消。
15、创建事件:DOM2允许使用document.createEvent()创建人工事件。
使用传统的XHTML事件处理器属性。如<form onsubmit="myFunction();">。
被关联至某个对象。如document.getElementById("myForm").onsubmit = myFunction;
使用诸如IE浏览器的attachEvent()这样的私有方法。
使用DOM2方法。如使用一个结点的addEventListener()方法,来设置事件监听器
2、触发事件有以下途径:
对由用户引发或JavaScript引发的动作进行响应时,由浏览器隐式触发。
由JavaScript使用DOM方法显式触发。如document.forms[0].submit();
使用诸如IE浏览器的fireEvent()这样的方法来显式触发。
由JavaScript使用DOM2的dispatchEvent()方法显式触发。
3、基本事件属性
onblur
onchange
onclick
ondblclick
onfocus
onkeydown
onkeypress
onkeyup
onload
onmousedown
onmousemove
onmouseout
onmouseover
onmouseup
onreset
onselect
onsubmit
onunload
4、非标准方式绑定事件:在<script>中使用for属性,通过id来引用一个属性,然后将事件处理器指向处理器
<script type="text/javascript" for="myemid" event="onmouseover">
******
</script>
5、使用JavaScript绑定事件:尤其是希望动态添加或移除处理器时,显得更为方便。
6、事件处理器的作用域:是其所在的对象。
7、事件处理器的返回值:可以影响事件的默认动作。取消事件的默认动作,可以通过使用事件处理器返回false来实现。使用最多的就是表单的提交。
8、手动触发事件:如document.myForm1.button1.click();
9、绑定处理器到对象:object.attachEvent("event to handle",eventHandler);要移除一个处理器,可以使用detachEvent()方法,参数与attachEvent()相同。
10、Event对象:当事件发生时,会临时创建一个Event对象,并使其可用于适当的处理器。
srcElement:产生该事件的元素
type:以字符串形式返回事件类型
clientX:相对于用户区域的X坐标
clientY:相对于用户区域的Y坐标
screenX:相对实际屏幕的X坐标
screenY:相对实际屏幕的Y坐标
button:确定是哪个鼠标键被按下
keyCode:按键的代码
altKey:ALT键按下时为真
ctrlKey:CTRL键按下时为真
shiftKey:SHIFT键按下时为真
cancelBubble:表明该事件是否应沿事件层次向上移
returnValue:事件返回值
fromElement:被移动的元素
toElement:正在移动到的元素
11、事件流:在IE中,事件的行为是按照标签结构层次流动执行的。
12、DOM2事件模型:描述了创建、捕获、控制与取消事件的标准方法,IE5和IE6不支持DOM2。
13、DOM2 Event对象:
公用属性:bubbles(一个表示事件流的逻辑值) cancelable(一个表示事件是否可取消的逻辑值) currentTarget(当前正在运行的事件处理器的结点) eventPhase(表示事件流当前阶段的数字值) type(表示事件类型的字符串) target(事件发生时所在结点)
鼠标事件:与XHTML定义的相同。
14、DOM2取消默认动作:提供了Event对象的preventDefault()方法,在事件生命期的任何时期,如果处理器调用该方法,事件的默认动作就会被取消。
15、创建事件:DOM2允许使用document.createEvent()创建人工事件。
相关文章推荐
- 20. JavaScript 事件处理
- JavaScript事件驱动及事件处理
- 跨浏览器的事件处理方法(Professional JavaScript for Web Developers)
- javascript 处理鼠标右键事件
- javascript 事件处理 IE和标准dom 的差别
- 读《Javascript高级程序设计》中的javascript事件处理程序(事件侦听器)心得
- 详解JavaScript中的事件流和事件处理程序
- 我之见于Javascript中DOM0级处理和DOM2级处理事件的区别
- javascript 事件处理
- JavaScript权威设计--事件处理介绍(简要学习笔记十七)
- JavaScript中事件处理
- 用JavaScript事件串连执行多个处理过程的方法
- javascript中一些简单事件的处理
- JavaScript和HTML事件处理程序属性中的this的含义
- JavaScript的事件处理
- JavaScript:JavaScript事件的处理
- javascript事件——事件处理程序
- JavaScript事件处理
- [javascript]事件冒泡处理
- JavaScript处理input的keyup事件