Javascript中Event属性搜集整理


Posted in Javascript onSeptember 17, 2013

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 type="text/javascript"> 
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 onclick="showSrc()"> 
<IMG onclick="checkCancel()" src="http://www.cnblogs.com/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 的值。

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

注释: 这是个只读属性。

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

Javascript 相关文章推荐
javascript 页面划词搜索JS
Sep 28 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
Feb 04 Javascript
js实现两个值相加alert出来精确到指定位
Sep 25 Javascript
防止jQuery ajax Load使用缓存的方法小结
Feb 22 Javascript
Jquery实现瀑布流布局(备有详细注释)
Jul 31 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
Dec 04 Javascript
微信小程序实战之仿android fragment可滑动底部导航栏(4)
Apr 16 Javascript
bootstrap响应式工具使用详解
Nov 29 Javascript
node中间层实现文件上传功能
Jun 11 Javascript
vue通过video.js解决m3u8视频播放格式的方法
Jul 30 Javascript
JavaScript实现通讯录功能
Dec 27 Javascript
vue首次渲染全过程
Apr 21 Vue.js
js获取html文件的思路及示例
Sep 17 #Javascript
JS的Document属性和方法小结
Sep 17 #Javascript
JS画5角星方法介绍
Sep 17 #Javascript
js带按钮的提示框可供选择示例代码
Sep 17 #Javascript
今天是星期几的4种JS代码写法
Sep 17 #Javascript
关于javascript event flow 的一个bug详解
Sep 17 #Javascript
Node.js开发指南中的简单实例(mysql版)
Sep 17 #Javascript
You might like
用PHP+java实现自动新闻滚动窗口
2006/10/09 PHP
PHP配置文件中最常用四个ini函数
2007/03/19 PHP
php中使用cookie来保存用户登录信息的实现代码
2012/03/08 PHP
了解PHP的返回引用和局部静态变量
2015/06/04 PHP
php+mysql+ajax实现单表多字段多关键词查询的方法
2017/04/15 PHP
php在windows环境下获得cpu内存实时使用率(推荐)
2018/02/08 PHP
Yii2 queue的队列使用详解
2019/07/19 PHP
用js实现的抽象CSS圆角效果!!
2007/05/03 Javascript
jquery 笔记 事件
2011/11/02 Javascript
判断是否安装flash player及当前版本的JS代码
2013/08/08 Javascript
原生javascript图片自动或手动切换示例附演示源码
2013/09/04 Javascript
深入解析AngularJS框架中$scope的作用与生命周期
2016/03/05 Javascript
基于jquery实现智能提示控件intellSeach.js
2016/03/17 Javascript
JS获取及验证开始结束日期的方法
2016/08/20 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
2016/12/15 Javascript
概述一个页面从输入URL到页面加载完的过程
2016/12/16 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
2017/03/02 Javascript
深入学习 JavaScript中的函数调用
2017/03/23 Javascript
微信小程序获取循环元素id以及wx.login登录操作
2017/08/17 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
2018/05/31 Javascript
基于jQuery实现的设置文本区域的光标位置
2018/06/15 jQuery
基于Vue-cli快速搭建项目的完整步骤
2018/11/03 Javascript
JS面向对象编程实现的Tab选项卡案例详解
2020/03/03 Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
2020/11/03 Javascript
Python Django实现layui风格+django分页功能的例子
2019/08/29 Python
Python 中如何实现参数化测试的方法示例
2019/12/10 Python
python Django 反向访问器的外键冲突解决
2020/05/20 Python
python 高阶函数简单介绍
2021/02/19 Python
html5 canvas实现圆形时钟代码分享
2013/12/25 HTML / CSS
老板电器官方购物商城:老板油烟机、燃气灶、消毒柜、电烤箱
2018/05/30 全球购物
环保口号大全
2014/06/12 职场文书
教师党员学习十八届四中全会思想汇报
2014/11/03 职场文书
就业证明函
2015/06/17 职场文书
2016毕业实习单位评语大全
2015/12/01 职场文书
导游词之寿县报恩寺
2020/01/19 职场文书
python中如何对多变量连续赋值
2021/06/03 Python