javascript event

event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。

event对象只在事件发生的过程中才有效。

event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。

例子

下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转。

code<HTML>

<HEAD><TITLE>Cancels Links</TITLE>

<SCRIPT LANGUAGE="JScript">

function cancelLink() {

    if (window.event.srcElement.tagName == "A" && window.event.shiftKey)

    window.event.returnValue = false;

}

</SCRIPT>

<BODY οnclick="cancelLink()">

下面的例子在状态栏上显示鼠标的当前位置。

code<BODY οnmοusemοve="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()函数。

code<SCRIPT LANGUAGE="JScript">

function checkCancel() {

    if (window.event.shiftKey)

    window.event.cancelBubble = true;

}

function showSrc() {

    if (window.event.srcElement.tagName == "IMG")

    alert(window.event.srcElement.src);

}

</SCRIPT>

<BODY οnclick="showSrc()">

<IMG οnclick="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 的值。

code<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 οnclick="changeProp()"

VALUE="Click to change the VALUE property of this button"

onpropertychange='alert(event.propertyName+" property has changed value")'>

<INPUT TYPE=button ID=btnStyleProp

οnclick="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”

code<SCRIPT>

function testMouse(oObject) {

    if(oObject.contains(event.toElement)) {

        alert("mouse arrived");

    }

}

</SCRIPT>

:

<BUTTON ID=oButton οnmοuseοver="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

这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/417924.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何让 C++ 和 C# 一样易用,而且效率更高?

&#xff08;未完成&#xff0c;待续。。&#xff09; 第一章&#xff1a;C基本功 1. 养成良好的编码习惯。 2. 堆上的资源随用随还&#xff0c;严格控制生命周期。 第二章&#xff1a;一些调试心得 1. 在VisualStudio环境下&#xff0c;曾出现 Detected memory leaks!&#xf…

mysql 51cto 数据类型_Mysql支持的数据类型

一.数值类型Mysql支持所有标准SQL中的数值类型&#xff0c;其中包括严格数据类型(INTEGER,SMALLINT,DECIMAL,NUMBERIC)&#xff0c;以及近似数值数据类型(FLOAT,REAL,DOUBLE PRESISION),并在此基础上进行扩展。扩展后增加了TINYINT,MEDIUMINT,BIGINT这3种长度不同的&#xff0c…

XP操作系统最优视觉效果

想让系统运行得快&#xff0c;又不想桌面弄得像2000似的&#xff0c;哪应该怎么做能&#xff1f; 右击我的电脑——属性 点击高级选项夹——点性能中的设置按钮 在视觉效果选项夹里点调整为最佳性能&#xff08;此时如果确定的话就跟2000的界面一样了&#xff09; 再在“在窗口…

【JZOJ4819】【NOIP2016提高A组模拟10.15】算循环

题目描述 输入 输出 样例输入 167 198 样例输出 906462341 数据范围 解法 令f(n)∑ni1i&#xff0c;g(n)∑ni1i2 易得ans∑ni1∑mj1f(n−i1)∗f(m−j1) 等价于ans∑ni1∑mj1f(i)∗f(j) 显然f(n)n∗(n−1)/2&#xff1b; 拆开得ans14∑ni1∑mj1i∗(i1)∗j∗(j1) 再得ans14∑…

vb装入系统启动项

装入系统启动项 Dim WshShell Set WshShell CreateObject("WScript.Shell") WshShell.RegWrite "HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Run\shi", "d:\shi.exe /start", "REG_SZ"

mysql key value 引擎_mysql集成的key-value引擎-个人翻译

正如上文提到的&#xff0c;我们只是释放出了一个技术预览版。此功能目前只是mysql的一个插件&#xff0c;使用memcached协议。If you would just like to get a brief introduction on thesetup steps, there is a “README-innodb_memcached” in themysql-5.6.2-labs-innodb…

运行命令全集

winver 检查Windows版本wmimgmt.msc 打开windows管理体系结构wupdmgr windows更新程序winver 检查Windows版本wmimgmt.msc 打开windows管理体系结构wupdmgr windows更新程序wwww windows脚本宿主设置write 写字板winmsd 系统信息wiaacmgr 扫描仪和照相机向导wi…

端口详解大全

端口&#xff1a;0 服务&#xff1a;Reserved 说明&#xff1a;通常用于分析操作系统。这一方法能够工作是因为在一些系统中“0”是无效端口&#xff0c;当你试图使用通常的闭合端口连接它时将产生不同的结果。一种典型的扫描&#xff0c;使用IP地址为0.0.0.0&#xff0c;设置A…

mysql binlog 恢复指定表_Mysql用全备恢复指定表mysqlbinlog抽取某个表的信息

Mysql恢复到指定表2009年05月27日 作者&#xff1a; 大头刚一、从全备中提取某一个表的信息&#xff0c;并进行恢复恢复使用Mysqldump工具备份的数据&#xff0c;有个不方便的地方&#xff0c;就是在恢复的时候不能指定恢复到表&#xff0c;例如我备份了整个数据库&#xff0c…

Hyperledger中数据存取的实现

简介 本文介绍了在Hyperledger中数据存取的实现. API接口 Hyperledger提供基于key/value的数据存储&#xff0c;其中key是字符串&#xff0c;value则是二进制字节数组&#xff0c;Hyperledger的Go API提供了三个方法用于数据存取&#xff1a;PutState&#xff08;key, value&am…

计算机基本操作术语

操作系统 计算机硬件系统外面加载的第一道软件系统&#xff0c;专门用于管理计算机硬件和其它软件,响应用户对硬件和软件的操作&#xff0c;在微机上常见的有DOS、Windows3.2,Win95/98/NT等。 安装程序 由于目前的软件都涉及许多文件和子目录,所以一般都提供安装程序帮助用户自…

mysql 4 中文模糊查询_解决MySQL中文模糊查询问题

解决MySQL中文模糊查询问题&#xff1a;我们在MySQL中进行中文模糊查询时&#xff0c;经常会返回一些与之不相关的记录&#xff0c;比如查找 "%a%" 时&#xff0c;返回的可能有中文字符&#xff0c;却没有 a 字符存在。对于此问题目前发现一种方法可以很方便解决。例…

《信息安全系统设计基础》 第五周学习总结

20145224 《信息安全系统设计基础》第五周学习总结 教材学习内容总结 3.1 历史观点 X86寻址的三个时代&#xff1a; 1、DOS时代的平坦模式&#xff0c;不区分用户空间和内核空间&#xff0c;很不安全&#xff1b; 2、8086的分段模式&#xff1b; 3、IA32的带保护模式的平坦模式…

中文版php.ini

;;;;;;;;;;;; ;; 语法 ;; ;;;;;;;;;;;; ; 该文件的语法非常简单。空白字符和以分号开始的行被简单地忽略。 ; 章节标题(例如: [php])也被简单地忽略&#xff0c;即使将来它们可能有某种意义。 ; ; 设置指令的格式如下&#xff1a; ; directive value ; 指令名(directive)是大小…

使用轻量级Spring @Scheduled注解执行定时任务

WEB项目中需要加入一个定时执行任务&#xff0c;可以使用Quartz来实现&#xff0c;由于项目就一个定时任务&#xff0c;所以想简单点&#xff0c;不用去配置那些Quartz的配置文件&#xff0c;所以就采用了Spring Scheduled注解来实现了定时任务。在这里做个备注。 spring配置文…

mysql 表名通配符导出_mysqldump根据通配符批量导出

xtrabackup的主要优点&#xff1a;1,物理备份&#xff0c;备份速度快2,热备份、无需停机3,恢复速度快4.自动会对备份文件进行验证1. xtrabackup 工具的安装1.1 安装依赖包#No package perl-Digest-MD5 available.yum install -y rsync perl l perl-Digest-MD5 perl perl-devel …

系统垃圾清理.cmd

将以下内容保存为“系统垃圾清理.cmd”文件&#xff0c;运行即可 echo off echo 正在清除系统垃圾文件&#xff0c;请稍等...... del /f /s /q %systemdrive%\*.tmp del /f /s /q %systemdrive%\*._mp del /f /s /q %systemdrive%\*.log del /f /s /q %systemdrive%\*.gid del …

Android内存优化(使用SparseArray和ArrayMap代替HashMap)

出处&#xff1a;Sunzxyong HashMap HashMap内部是使用一个默认容量为16的数组来存储数据的&#xff0c;而数组中每一个元素却又是一个链表的头结点&#xff0c;所以&#xff0c;更准确的来说&#xff0c;HashMap内部存储结构是使用哈希表的拉链结构&#xff08;数组链表&#…

mysql按日期获取最新_mysql获取按日期排序获取最新的记录

主要按照日期获得最新的数据&#xff1b;今天记录两种方式&#xff0c;并不涉及效率等其他方面问题&#xff1a;第一种&#xff0c; 利用GROUP BY原理&#xff1a;select * from (select * from authenticationrecord order by authenticationtime desc) temp group by merchan…