Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。
event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。
event对象只在事件发生的过程中才有效。
event的某些属性只对特定的事件有意义。比如，fromElement&和&toElement&属性只对&onmouseover&和&onmouseout&事件有意义。 下面的例子检查鼠标是否在链接上单击，并且，如果shift键被按下，就取消链接的跳转。 &HTML& &HEAD&&TITLE&Cancels&Links&/TITLE& &SCRIPT&LANGUAGE="JScript"&... function&cancelLink()&...{ &&&&if&(window.event.srcElement.tagName&==&"A"&&&&window.event.shiftKey) &&&&window.event.returnValue&=& } &/SCRIPT& &BODY&onclick="cancelLink()"& 下面的例子在状态栏上显示鼠标的当前位置。 &BODY&onmousemove="window.status&=&'X='&+&window.event.x&+&'&Y='&+&window.event.y"& 属性： altKey,&button,&cancelBubble,&clientX,&clientY,&ctrlKey,&fromElement,&keyCode,&offsetX,&offsetY,&propertyName,&returnValue,&screenX,& screenY,&shiftKey,&srcElement,&srcFilter,&toElement,&type,&x,&y 1.altKey 描述： 检查alt键的状态。 语法： event.altKey 可能的值： 当alt键按下时，值为&TRUE&，否则为&FALSE&。只读。 2.button 描述： 检查按下的鼠标键。 语法： event.button 可能的值： 0&没按键 1&按左键 2&按右键 3&按左右键 4&按中间键 5&按左键和中间键 6&按右键和中间键 7&按所有的键 这个属性仅用于onmousedown,&onmouseup,&和&onmousemove&事件。对其他事件，不管鼠标状态如何，都返回&0（比如onclick）。 3.cancelBubble 描述： 检测是否接受上层元素的事件的控制。 语法： event.cancelBubble[&=&cancelBubble] 可能的值： 这是一个可读写的布尔值: TRUE&不被上层原素的事件控制。 FALSE&允许被上层元素的事件控制。这是默认值。 例子： 下面的代码片断演示了当在图片上点击（onclick）时，如果同时shift键也被按下，就取消上层元素（body）上的事件onclick所引发的showSrc()函数。 & &SCRIPT&LANGUAGE="JScript"& function&checkCancel()&...{ &&&&if&(window.event.shiftKey) &&&&window.event.cancelBubble&=& } function&showSrc()&...{ &&&&if&(window.event.srcElement.tagName&==&"IMG") &&&&alert(window.event.srcElement.src); } &/SCRIPT& &BODY&onclick="showSrc()"& &IMG&onclick="checkCancel()"&src="/sample.gif"& & 4.clientX 描述： 返回鼠标在窗口客户区域中的X坐标。 语法： event.clientX 注释： 这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。 5.clientY 描述： 返回鼠标在窗口客户区域中的Y坐标。 语法： event.clientY 注释： 这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。 6.ctrlKey 描述： 检查ctrl键的状态。 语法： event.ctrlKey 可能的值： 当ctrl键按下时，值为&TRUE&，否则为&FALSE&。只读。 7.fromElement 描述： 检测&onmouseover&和&onmouseout&事件发生时，鼠标所离开的元素。&参考：18.toElement 语法： event.fromElement 注释： 这是个只读属性。 8.keyCode 描述： 检测键盘事件相对应的内码。 这个属性用于&onkeydown,&onkeyup,&和&onkeypress&事件。 语法： event.keyCode[&=&keyCode] 可能的值： 这是个可读写的值，可以是任何一个Unicode键盘内码。如果没有引发键盘事件，则该值为&0&。 9.offsetX 描述： 检查相对于触发事件的对象，鼠标位置的水平坐标 语法： event.offsetX 10.offsetY 描述： 检查相对于触发事件的对象，鼠标位置的垂直坐标 语法： event.offsetY 11.propertyName 描述： 设置或返回元素的变化了的属性的名称。 语法： event.propertyName&[&=&sProperty&] 可能的值： sProperty&是一个字符串，指定或返回触发事件的元素在事件中变化了的属性的名称。 这个属性是可读写的。无默认值。 注释： 你可以通过使用&onpropertychange&事件，得到&propertyName&的值。 例子： 下面的例子通过使用&onpropertychange&事件，弹出一个对话框，显示&propertyName&的值。 & &HEAD& &SCRIPT&... function&changeProp()...{ &&&&btnProp.value&=&"This&is&the&new&VALUE"; } function&changeCSSProp()...{ &&&&btnStyleProp.style.backgroundColor&=&"aqua"; } &/SCRIPT& &/HEAD& &BODY& &P&The&event&object&property&propertyName&is used&here&to&return&which&property&has&been altered.&/P& &INPUT&TYPE=button&ID=btnProp&onclick="changeProp()" VALUE="Click&to&change&the&VALUE&property&of&this&button" onpropertychange='alert(event.propertyName+"&property&has&changed&value")'& &INPUT&TYPE=button&ID=btnStyleProp onclick="changeCSSProp()" VALUE="Click&to&change&the&CSS&backgroundColor&property&of&this&button" onpropertychange='alert(event.propertyName+"&property&has&changed&value")'& &/BODY& 12.returnValue 描述： 设置或检查从事件中返回的值 语法： event.returnValue[&=&Boolean] 可能的值： true&事件中的值被返回 false&源对象上事件的默认操作被取消 例子见本文的开头。 13.screenX 描述： 检测鼠标相对于用户屏幕的水平位置 语法： event.screenX 注释： 这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。 14.screenY 描述： 检测鼠标相对于用户屏幕的垂直位置 语法： event.screenY 注释： 这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。 15.shiftKey 描述： 检查shift键的状态。 语法： event.shiftKey 可能的值： 当shift键按下时，值为&TRUE&，否则为&FALSE&。只读。 16.srcElement 描述： 返回触发事件的元素。只读。例子见本文开头。 语法： event.srcElement 17.srcFilter 描述： 返回触发&onfilterchange&事件的滤镜。只读。 语法： event.srcFilter 18.toElement 描述： 检测&onmouseover&和&onmouseout&事件发生时，鼠标所进入的元素。&参考：7.fromElement 语法： event.toElement 注释： 这是个只读属性。 例子：下面的代码演示了当鼠标移到按钮上时，弹出一个对话框，显示“mouse&arrived” &SCRIPT& function&testMouse(oObject)&...{ &&&&if(oObject.contains(event.toElement))&...{ &&&&&&&&alert("mouse&arrived"); &&&&} } &/SCRIPT& &BUTTON&ID=oButton&onmouseover="testMouse(this)"&Mouse&Over&This.&/BUTTON& 19.type 描述： 返回事件名。 语法： event.type 注释： 返回没有“on”作为前缀的事件名，比如，onclick事件返回的type是click 只读。 20.&x 描述： 返回鼠标相对于css属性中有position属性的上级元素的x轴坐标。如果没有css属性中有position属性的上级元素，默认以BODY元素作为参考对象。 语法： event.x 注释： 如果事件触发后，鼠标移出窗口外，则返回的值为&-1 这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。 21.&y 描述： 返回鼠标相对于css属性中有position属性的上级元素的y轴坐标。如果没有css属性中有position属性的上级元素，默认以BODY元素作为参考对象。 语法： event.y 注释： 如果事件触发后，鼠标移出窗口外，则返回的值为&-1 这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。
Copyright &
All Rights Reserved &&&&&&编程语言 js（9）
clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。
clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。
offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。
offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。
screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。
screenY 设置或获取鼠标指针位置相对于用户屏幕的 y 坐标。
x 设置或获取鼠标指针位置相对于父文档的 x 像素坐标。
y 设置或获取鼠标指针位置相对于父文档的 y 像素坐标。
event.clientX返回事件发生时,mouse相对于客户窗口的X坐标，event.X也一样。但是如果设置事件对象的定位属性值为relative，event.clientX不变，而event.X返回事件对象的相对于本体的坐标。
var strInfo=&&;
strInfo+=&rn网页可见区域宽:&+document.body.clientW
strInfo+=&rn网页可见区域高:&+document.body.clientH
strInfo+=&rn网页可见区域宽:&+document.body.offsetWidth+&(包括边线的宽)&;
strInfo+=&rn网页可见区域高:&+document.body.offsetHeight+&(包括边线的宽)&;
strInfo+=&rn网页正文全文宽:&+document.body.scrollW
strInfo+=&rn网页正文全文高:&+document.body.scrollH
strInfo+=&rn网页被卷去的高:&+document.body.scrollT
strInfo+=&rn网页被卷去的左:&+document.body.scrollL
strInfo+=&rn网页正文部分上:&+window.screenT
strInfo+=&rn网页正文部分左:&+window.screenL
strInfo+=&rn屏幕分辨率的高:&+window.screen.
strInfo+=&rn屏幕分辨率的宽:&+window.screen.
strInfo+=&rn屏幕可用工作区高度:&+window.screen.availH
strInfo+=&rn屏幕可用工作区宽度:&+window.screen.availW
window.confirm(strInfo);
x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。
clientX:相对于客户区域的x坐标位置，不包括滚动条，就是正文区域。
offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕
&table border=1 cellpadding=15 cellspacing=15 style=&position:left:100;top:100&&
&div onclick=&show()& style=&background:cursor:hand&&
Click here to show.
&/td&&/tr&
function show(){
alert(&window.event.x:&+window.event.x+&nwindow.event.y:&+window.event.y+&nevent.clientX:&+event.clientX+&nevent.clientY:&+event.clientY+&nevent.offsetX:&+event.offsetX+&nevent.offsetY:&+event.offsetY+&nwindow.event.screenX:&+window.event.screenX+&nwindow.event.screenY:&+window.event.screenY);
event.clientX返回事件发生时,mouse相对于客户窗口的X坐标
event.X也一样
但是如果设置事件对象的定位属性值为relative
event.clientX不变
而event.X返回事件对象的相对于本体的坐标
event对象详解 ICOOE
event代表事件的状态，例如事件发生的的元素、鼠标的位置等等，event对象只在事件过程中才有效。
event属性：
检索ALT键的当前状态
可能的值 true为关闭
false为不关闭
检索按下的鼠标键
可能的值： 0 没按键
3 按左右键
4 按中间键
5 按左键和中间键
6 按右键和中间键
7 按所有的键
cancelBubble
设置或检索当前事件是否将事件句柄起泡
可能的值： false 启用起泡
true 取消该事件起泡
检索与窗口客户区域有关的鼠标光标的X坐标，属性为只读，没有默认值。
检索与窗口客户区域有关的鼠标光标的Y坐标，属性为只读，没有默认值。
ctrlKey 检索CTRL键的当前状态
可能的值 true为关闭
false为不关闭
检索被oncellchange事伯影响的列
为拖放操作提供预先定义的剪贴板式。
检索在on mouseover和on mouseout事件期间退出的对象指针
设置或检索与引发事件的关键字相关联的Unicode关键字代码
该属性与onkeydown onkeyup onkeypress一起使用
如果没有引发事件的关键字，则该值为0
检索与触发事件的对象相关的鼠标位置的水平坐标
检索与触发事件的对象相关的鼠标位置的垂直坐标
propertyName
检索在对象上己更改的特性的名称
检索数据源对象数据传输的结果
可能的值：
0 数据传输成功
1 数据传输失败
2 数据传输错误
检索数据源对象中默认记录集的引用
该特性为只读
检索一个事件是否被重复
该属性只有在onkeydown事件重复时才返回true
returnvalues
设置或检索从事件中返回的值
可能的值：
true 事件中的值被返回
false 源对象上事件的默认操作被取消
检索与用户屏相关的鼠标的水平位置
检索与用户屏相关的鼠标的垂直位置
检索shiftKey键的当前状态
可能的值 true为关闭
false为不关闭
srcElement
检索触发事件的对象
检索导致onfilterchange事件触发的过滤器对象
检索触发事件行为的同一资源名称
除非下面两个条件都为真，否则该特性被设置为null
1.行为被附加到触发事件的要素上
2.在前面的项目符号中定义的行为己指定了一个URN标识符和己触发的事件
检索作为on mouseover或者on mouseout事件结果而移动的对象
检索事件对象中的事件名称
检索相对于父要素鼠标水平坐标的整数
检索相对于父要素鼠标垂直坐标的整数
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：55946次
积分：1184
积分：1184
排名：千里之外
原创：50篇
转载：90篇
评论：24条
(6)(4)(3)(6)(14)(5)(1)(4)(6)(4)(2)(6)(2)(6)(1)(5)(2)(1)(6)(1)(2)(3)(2)(5)(7)(3)(3)(1)(3)(6)(7)(4)(1)(4)(3)(1)(3)javascript中window.event事件用法详解
字体：[ ] 类型：转载 时间：
前两天写程序时因为要用到javascript中的window.event事件，于是就在网上搜了一下，终于找到一篇不错的文章，来与大家分享下
前两天写程序时因为要用到javascript中的window.event事件，于是就在网上搜了一下，终于找到一篇不错的文章，来与大家分享下： 描述 event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 例子下面的例子检查鼠标是否在链接上单击，并且，如果shift键被按下，就取消链接的跳转。
代码如下: &HTML& &HEAD&&TITLE&Cancels Links&/TITLE& &SCRIPT LANGUAGE=”JScript”& function cancelLink() { if (window.event.srcElement.tagName == “A” && window.event.shiftKey) window.event.returnValue = } &/SCRIPT& &BODY onclick=”cancelLink()”&下面的例子在状态栏上显示鼠标的当前位置。 &BODY onmousemove=”window.status = ‘X=' + window.event.x + ‘ Y=' + window.event.y”&属性： altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX, screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y
1.altKey 描述： 检查alt键的状态。 语法： event.altKey 可能的值： 当alt键按下时，值为 TRUE ，否则为 FALSE 。只读。 2.button 描述： 检查按下的鼠标键。 语法： event.button 可能的值： 0 没按键 1 按左键 2 按右键 3 按左右键 4 按中间键 5 按左键和中间键 6 按右键和中间键 7 按所有的键 这个属性仅用于onmousedown, onmouseup, 和 onmousemove 事件。对其他事件，不管鼠标状态如何，都返回 0（比如onclick）。 3.cancelBubble 描述： 检测是否接受上层元素的事件的控制。 语法： event.cancelBubble[ = cancelBubble] 可能的值： 这是一个可读写的布尔值: TRUE 不被上层原素的事件控制。 FALSE 允许被上层元素的事件控制。这是默认值。 例子： 下面的代码片断演示了当在图片上点击（onclick）时，如果同时shift键也被按下，就取消上层元素（body）上的事件onclick所引发的showSrc()函数。
代码如下: &SCRIPT LANGUAGE=”JScript”& function checkCancel() { if (window.event.shiftKey) window.event.cancelBubble = } function showSrc() { if (window.event.srcElement.tagName == “IMG”) alert(window.event.srcElement.src); } &/SCRIPT& &BODY onclick=”showSrc()”& &IMG onclick=”checkCancel()” src=”/sample.gif”&4.clientX
描述： 返回鼠标在窗口客户区域中的X坐标。 语法： event.clientX 注释： 这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。 5.clientY 描述： 返回鼠标在窗口客户区域中的Y坐标。 语法： event.clientY 注释： 这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。 6.ctrlKey 描述： 检查ctrl键的状态。 语法： event.ctrlKey 可能的值： 当ctrl键按下时，值为 TRUE ，否则为 FALSE 。只读。 7.fromElement 描述： 检测 onmouseover 和 onmouseout 事件发生时，鼠标所离开的元素。 参考：18.toElement 语法： event.fromElement 注释： 这是个只读属性。 8.keyCode 描述： 检测键盘事件相对应的内码。 这个属性用于 onkeydown, onkeyup, 和 onkeypress 事件。 语法： event.keyCode[ = keyCode] 可能的值： 这是个可读写的值，可以是任何一个Unicode键盘内码。如果没有引发键盘事件，则该值为 0 。 9.offsetX 描述： 检查相对于触发事件的对象，鼠标位置的水平坐标 语法： event.offsetX 10.offsetY 描述： 检查相对于触发事件的对象，鼠标位置的垂直坐标 语法： event.offsetY 11.propertyName 描述： 设置或返回元素的变化了的属性的名称。 语法： event.propertyName [ = sProperty ] 可能的值： sProperty 是一个字符串，指定或返回触发事件的元素在事件中变化了的属性的名称。 这个属性是可读写的。无默认值。 注释： 你可以通过使用 onpropertychange 事件，得到 propertyName 的值。 例子： 下面的例子通过使用 onpropertychange 事件，弹出一个对话框，显示 propertyName 的值。
代码如下: &HEAD& &SCRIPT& function changeProp() { btnProp.value = “This is the new VALUE”; } function changeCSSProp() { btnStyleProp.style.backgroundColor = “aqua”; } &/SCRIPT& &/HEAD& &BODY& &P&The event object property propertyName is used here to return which property has been altered.&/P& &INPUT TYPE=button ID=btnProp onclick=”changeProp()” VALUE=”Click to change the VALUE property of this button” onpropertychange='alert(event.propertyName+” property has changed value”)'& &INPUT TYPE=button ID=btnStyleProp onclick=”changeCSSProp()” VALUE=”Click to change the CSS backgroundColor property of this button” onpropertychange='alert(event.propertyName+” property has changed value”)'& &/BODY& 12.returnValue [/code] 描述： 设置或检查从事件中返回的值 语法： event.returnValue[ = Boolean] 可能的值： true 事件中的值被返回 false 源对象上事件的默认操作被取消 例子见本文的开头。 13.screenX 描述： 检测鼠标相对于用户屏幕的水平位置 语法： event.screenX 注释： 这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。 14.screenY 描述： 检测鼠标相对于用户屏幕的垂直位置 语法： event.screenY 注释： 这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。 15.shiftKey 描述： 检查shift键的状态。 语法： event.shiftKey 可能的值： 当shift键按下时，值为 TRUE ，否则为 FALSE 。只读。 16.srcElement 描述： 返回触发事件的元素。只读。例子见本文开头。 语法： event.srcElement 17.srcFilter 描述： 返回触发 onfilterchange 事件的滤镜。只读。 语法： event.srcFilter 18.toElement 描述： 检测 onmouseover 和 onmouseout 事件发生时，鼠标所进入的元素。 参考：7.fromElement 语法： event.toElement 注释： 这是个只读属性。 例子：下面的代码演示了当鼠标移到按钮上时，弹出一个对话框，显示“mouse arrived”
代码如下: &SCRIPT& function testMouse(oObject) { if(oObject.contains(event.toElement)) { alert(“mouse arrived”); } } &/SCRIPT& : &BUTTON ID=oButton onmouseover=”testMouse(this)”&Mouse Over This.&/BUTTON&19.type
描述： 返回事件名。 语法： event.type 注释： 返回没有“on”作为前缀的事件名，比如，onclick事件返回的type是click 只读。 20. x 描述： 返回鼠标相对于css属性中有position属性的上级元素的x轴坐标。如果没有css属性中有position属性的上级元素，默认以BODY元素作为参考对象。 语法： event.x 注释： 如果事件触发后，鼠标移出窗口外，则返回的值为 -1 这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。 21. y 描述： 返回鼠标相对于css属性中有position属性的上级元素的y轴坐标。如果没有css属性中有position属性的上级元素，默认以BODY元素作为参考对象。 语法： event.y 注释： 如果事件触发后，鼠标移出窗口外，则返回的值为 -1 这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具javascript中为什么不能执行jsp标签 - ITeye问答
以下代码：
&script&
var str = &common:paramComBo paramType='EVENT_STATE' nameId='eventId' /&;
&/script&
在javascript中不能执行这个自定义标签，但是可以执行jstl的标签，而在ext中可以执行
columnWidth:.4,
layout: 'form',
items: [{
&common:paramComBo label='组织类型' nameId='systemOrg.orgType'& paramValue='${systemOrg.orgType}' paramType='ORG_TYPE' /&
&&&&&&&& }
为什么啊？？？
问题补充：可能是我没有描述清楚，这些javascript块都是在jsp中的而不是在*.js中，可以使用c标签
其他的如上所有，ext的东东也是在jsp中，但是可以执行标签的
前面已经有人说了，javascript跟你的标签执行不执行毫无关系，标签用于服务器动态改变页面内容，而JS是到了客户端才会执行的，标签可以用来改变JS内容，至于你说的不能执行肯定是生成的页面存在JS语法问题，你可以在浏览器上右键查看源代码，看看你生成的js到底是什么样子，最好的办法是使用firebug进行调试
都是采用我上面说的这种实现
引用ext的东东也是在jsp中也是前端代码.
在JavaScript中不能使用jsp标签的。这点要明确。
使用隐藏域解决需传值给js的问题：
&input type="hiden" value="&common:paramComBo paramType='EVENT_STATE' nameId='eventId' /&" id="nameid" /&;
var str = document.getElementById("nameid").
var str = "&common:paramComBo paramType='EVENT_STATE' nameId='eventId' /&";
&/script&
两边加上引号;
js是客户端代码, 标签是服务端代码, 两个不再同一端, 不能直接执行的
已解决问题
未解决问题