JavaScript四大家族之event家族

event是javascript 元素对象的事件处理程序function(event){}所拥有的事件对象其中最主要（用的最多）的属性是

clientX　　　　　　　　（距离浏览器左侧的距离）

clientY　　　　　　　　（距离浏览器顶部的距离）

pageX　　　　　　　　（距离文档——document左侧的距离）

pageY　　　　　　　　（距离文档——document顶部的距离）

screenX　　　　　　　　（距离客户端屏幕左侧的距离）

screenY　　　　　　　　（距离客户端屏幕顶部的距离）

当然event还有一些其他属性如altkey（Alt键是否被按下）等属性，详情请查看http://www.w3school.com.cn/jsref/dom_obj_event.asp

时间： 2024-08-18 04:46:07

JavaScript四大家族之event家族的相关文章

JavaScript四大家族之scroll家族

javascript 元素对象拥有scroll家族主要属性: ScrollTop: (被滚动条卷去的头部高度) ScrollLeft: (被滚动条卷曲的左侧距离) ScrollWidth (内容实际宽度:width+padding+超出盒子的宽度) ScorllHeight (内容实际高度:height+padding+超出盒子的高度) Scroll可通过元素对象的属性ScrollTop和ScrollLeft找到它. 但整个浏览器的滚动条即document的滚动条元素归属存在兼容性问题. IE6

在javascript中event的target和currentTarget的区别

JavaScript的event对象中 event.target指代的是:触发事件的元素 event.currentTarget指代的是:事件绑定的元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div

javascript的族家族史

JavaScript 实现 完整的 JavaScript 实现是由以下 3 个不同部分组成的:ECMAScript.文档对象模型.浏览器对象模型.这也就是说 cocos2d-js 中 其实我们用的是 JavaScript的ECMAScript部分. ECMAScript是一种由Ecma国际通过ECMA-262标准化的脚本程序设计语言.这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMA-262标准的实现和扩展.------二者的关系:标准实现和扩

javascript 火狐event.keyCode不能使用event is not defined

在项目中,登录时需要enter按钮提交页面所以需要监听键盘输出 但是在火狐中不支持 event.code 所以换了中写法 1:form中加入时间传入event <form id="frm" runat="server" onkeypress="onKeyPressBlockNumbers(event)"> 2:监听判断是否为enter按钮. ? 1 2 3 4 5 6 7 8 function onKeyPressBlockNumbe

JavaScript中event的x,clientX,offsetX的区别

JavaScript中event的x,clientX,offsetX的区别 请看下面的文字说明,也就是event中x,clientX,offsetX,screenX的区别: x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置.www.mlybyby.com clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域. offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置. screenX:相对于用户屏幕. 同时你可以对比下面代码分析 Cl

学习笔记---Javascript事件Event、IE浏览器下的拖拽效果

学习笔记---Javascript事件Event.IE浏览器下的拖拽效果     1. 关于event常用属性有returnValue(是否允许事件处理继续进行, false为停止继续操作).srcElement(触发事件的事件源对象)和attachEvent("onclick",function(){...}); 2. a. 实现拖放(Drag and Drop): 目前支支持IE, 若定制某对象为可拖放对象, 则必须覆盖目标对象的dragenter和dragover事件, 可以用e

【好文收藏】javascript中event对象详解

event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义. 例子 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转. <HTML> <HEAD><TITLE>Cancels Links</T

JavaScript 键盘event.keyCode值列表大全

JavaScript 键盘event.keyCode值列表大全 event.keyCode值列表大全,对于需要根据键盘按键触发相应事件的朋友需要. 网上收集的KeyCode值方便大家查找: keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 18 = Alt_L ke

火狐和ie下获取javascript 获取event

javascript 获取event 先从一个简单的例子说起,一个简单的button控件如下: <input type='button' name='mybtn' id='mybtn' onclick='myFunc()'/> 然后为其注册事件,这样的情况,怎么在javascript里获取event呢,特别是firefox的情况.请看: <script type='text/javascript'> function myFunc(){ var ev = window.event