首页 > 编程语言 >【JavaScript】window对象_event事件对象

【JavaScript】window对象_event事件对象

时间:2023-03-19 12:02:19浏览次数:37  
标签:鼠标 JavaScript window 事件 按键 event 属性


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码

<script>
function window_onkeypress()
{
alert(window.event.keyCode);
}
</script>
<body οnkeypress="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 οnmοusedοwn="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 οnclick="showSrc()">
<img οnclick="checkCancel()" src="sample.gif">
</body>

标签:鼠标,JavaScript,window,事件,按键,event,属性
From: https://blog.51cto.com/u_16012040/6131100

相关文章

  • 【JavaScript】window对象事件
    window对象-事件专用事件:onload事件:我们需要在网页文档下载完毕时执行的程序代码,需要放在onload事件处理程序中去编写。onunload事件:在网页文......
  • 【JavaScript】window对象_frames数组对象
    window对象的frames属性是一个数组,它与window对象的parent、top等对象属性,都是用于对HTML的帧标签(<frameset>或<iframe>)进行编程的javascript对......
  • 【Android开发】经典范例1-实现仿Windows7图片预览窗格效果
    本实例将显示类似于windows7提供的图片预览窗格效果,单击任意一张图片,可以在右侧显示该图片的预览效果。效果如图所示:具体实现方法:res/layout/main.x......
  • windows备份文件
    背景:在windows 下进行文件夹备份,备份成些压缩包什么之类的,话不多说,直接上bat 脚本:@echooff@rem全局变量注意事项:C:\Users\Anita\Desktop\temp\,前面最后的“\”一定不要......
  • 【JavaScript】DOM结构介绍和方法预览
    DOM1.DOM介绍DOM是DocumentObjectModel文档对象模型的缩写。根据W3CDOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标......
  • JavaScript 数据类型详解
    原文链接:​   ​​https://note.noxussj.top/?source=51cto​​常见的ES5数据类型分为基本数据类型、引用数据类型两种。包含字符串、数字、对象、数组、函数、布尔值......
  • Quick start | Libevent
    1.下载libevent源码$gitclonehttps://github.com/libevent/libevent.git2.创建本地安装目录并添加本地bin目录到环境变量PATH$exportMY_INSTALL_DIR=$HOME/.......
  • .net7 AesCng 加密解密封装,仅支持Windows平台
    ///<summary>///AesCng加密///仅支持Windows平台///</summary>///<paramname="value">明文(待加密)</param>......
  • 在Windows中安装Jenkins
    Jenkins在自动化测试中的使用 下载安装Jenkins1、下载链接:https://www.jenkins.io/download/,要选择长期支持离线型的版本:  2、安装JDK:   安装Jenkins前,......
  • windows下hanewin NFS的安装与配置
    1-官网下载服务端网址:https://www.hanewin.net/nfs-e.htm没有注册只有30天的试用期,请自行搜索解决。2-服务端配置说明:F:\,将服务端F盘(目录)共享-public,赋予读写权......