【JavaScript】window对象_event事件对象
来源:互联网 发布:浙江师范学院行知学院 编辑:程序博客网 时间:2024/06/04 18:59
1.event对象属性
event对象可以获取和设置当前事件的有关信息,比如,
获取发生事件的事件源对象,像键盘按下时使用的是哪
个按键,鼠标事件发生时的鼠标位置,以及按下的鼠标
按键是哪个。
主要属性:
altKey属性:用于检测事件发生时,alt键是否被按下(true/false)。
ctrlKey属性:用于检测事件发生时,ctrl键是否被按下(true/false)。
shiftKey属性:用于检测事件发生时,shift键是否被按下(true/false)。
clientX、clientY属性:用于设置和返回鼠标相对窗口客户区顶点的
x,y坐标。所谓窗口客户区,也就是窗口的有效工作区,因为网页上的
内容不可能显示在边框上,所以窗口的有效工作区就是不包含边框和
滚动条的区域。
screenX、screenY属性:用于设置和返回鼠标相对屏幕顶点的x,y坐标。
offsetX、offsetY属性用于设置和返回鼠标相对事件源的x,y坐标。
例如发生事件的按钮的顶点的的x,y坐标。
x、y属性:用于设置和返回鼠标相对事件源的父元素的顶点的x,y坐标。
returnValue属性:用于设置和返回事件的返回值,以便浏览器判断是否
继续对当前事件按照默认的方式来进行处理。一般情况下将这个属性值设
为false,浏览器就会使用默认方式进行处理。
cancelBubble属性:用于设置和返回当前事件是否继续向下传递,例如
单击文档中的图片,在默认情况下,在图片对象上发生onclink事件,
然后在窗口对象上也发生了onclik事件,就相当于"多米诺骨牌"。
cancelBubble=true就不会让事件继续向下传递。
srcElement属性:用于设置和返回发生当前事件的事件源对象。
keyCode属性:用于设置和返回键盘按下和弹起的那个按键的unicode码值。
例子:用户按键盘上任何键,都会返回这个按键的unicode码
按下ESC键关闭浏览器文档窗口
出现一个是否关闭对话框的按钮,而没有直接关闭对话框,
原因是window对像的close方法,只能够直接关闭window
对象的open方法打开的子窗口,而不能直接关闭浏览器程
序本身启动的窗口。
button属性:用于检索鼠标移动、鼠标抬起,鼠标按下时
按下的是哪个鼠标按键。1代表做按键,2代表左按键,3代
表左右按键同时按下或抬起。如果是3个键的鼠标,button
属性还有其他的方法,可以在帮助文档中查看到。
鼠标按键测试代码:
综合测试:按图片会弹出图片的存储路径,
但是按住shift键之后再按图片就不会弹出
event对象可以获取和设置当前事件的有关信息,比如,
获取发生事件的事件源对象,像键盘按下时使用的是哪
个按键,鼠标事件发生时的鼠标位置,以及按下的鼠标
按键是哪个。
主要属性:
altKey属性:用于检测事件发生时,alt键是否被按下(true/false)。
ctrlKey属性:用于检测事件发生时,ctrl键是否被按下(true/false)。
shiftKey属性:用于检测事件发生时,shift键是否被按下(true/false)。
clientX、clientY属性:用于设置和返回鼠标相对窗口客户区顶点的
x,y坐标。所谓窗口客户区,也就是窗口的有效工作区,因为网页上的
内容不可能显示在边框上,所以窗口的有效工作区就是不包含边框和
滚动条的区域。
screenX、screenY属性:用于设置和返回鼠标相对屏幕顶点的x,y坐标。
offsetX、offsetY属性用于设置和返回鼠标相对事件源的x,y坐标。
例如发生事件的按钮的顶点的的x,y坐标。
x、y属性:用于设置和返回鼠标相对事件源的父元素的顶点的x,y坐标。
returnValue属性:用于设置和返回事件的返回值,以便浏览器判断是否
继续对当前事件按照默认的方式来进行处理。一般情况下将这个属性值设
为false,浏览器就会使用默认方式进行处理。
cancelBubble属性:用于设置和返回当前事件是否继续向下传递,例如
单击文档中的图片,在默认情况下,在图片对象上发生onclink事件,
然后在窗口对象上也发生了onclik事件,就相当于"多米诺骨牌"。
cancelBubble=true就不会让事件继续向下传递。
srcElement属性:用于设置和返回发生当前事件的事件源对象。
keyCode属性:用于设置和返回键盘按下和弹起的那个按键的unicode码值。
例子:用户按键盘上任何键,都会返回这个按键的unicode码
<script> function window_onkeypress() { alert(window.event.keyCode); }</script><body onkeypress="window_onkeypress()"></body>
按下ESC键关闭浏览器文档窗口
if(window.event.keyCode==27){ window.close();}
出现一个是否关闭对话框的按钮,而没有直接关闭对话框,
原因是window对像的close方法,只能够直接关闭window
对象的open方法打开的子窗口,而不能直接关闭浏览器程
序本身启动的窗口。
button属性:用于检索鼠标移动、鼠标抬起,鼠标按下时
按下的是哪个鼠标按键。1代表做按键,2代表左按键,3代
表左右按键同时按下或抬起。如果是3个键的鼠标,button
属性还有其他的方法,可以在帮助文档中查看到。
鼠标按键测试代码:
<script> function window_onbuttonpress() { alert(window.event.button); }</script><body onmousedown="window_onbuttonpress()"></body>
综合测试:按图片会弹出图片的存储路径,
但是按住shift键之后再按图片就不会弹出
<script language="javascript">function checkCancel(){ if(window.event.shiftKey) { window.event.cancelBubble=true;//cancelBubble前面提到过 }}function showSrc(){ //返回最早触发这个事件的事件源对象 //(必须大写,或者前面加"toLowerCase()") if(window.event.srcElement.tagName=="IMG") alert(window.event.srcElement.src);}</script><body onclick="showSrc()"><img onclick="checkCancel()" src="sample.gif"></body>
转载请注明出处:http://blog.csdn.net/acmman/article/details/44126747
1 0
- 【JavaScript】window对象_event事件对象
- 【JavaScript】window对象事件
- JavaScript - window对象方法和事件
- JavaScript - window对象方法和事件
- Window对象-事件
- javascript window 对象属性
- javascript window对象
- JavaScript:IE window对象
- JavaScript中的window对象
- JavaScript Window对象
- JavaScript的Window对象
- javascript中window对象
- window对象详解 javascript
- javascript window对象属性
- javascript window对象属性
- JavaScript中的window对象
- JavaScript使用Window对象
- javascript中的window对象
- 数据结构学习系列(一)
- C#动态操作DataTable(新增行、列、查询行、列等)
- 一个opencv程序的makefile模板
- HDU 5185 Equation (线性dp 完全背包)
- 安装aptana插件让myeclise编写css和js,jquery有提示!
- 【JavaScript】window对象_event事件对象
- 判断图片格式的方法
- 排序算法学习系列(一)
- 通过安装RSA密钥实现ssh免密码登陆
- 浅析CentOS和RedHat Linux的区别
- RSA 加密计算
- SSM + Shiro 整合 (2)- 实现 Spring 集成 MyBatis
- 有方M660模块建立TCP详细流程
- 一些宏的写法