event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 例子 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转。 code Cancels Links 下面的例子在状态栏上显示鼠标的当前位置。 code 属性: altKey, ...
x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。 clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域。 offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。 screenX:相对于用户屏幕。测试代码一:[code] function reload(){ window.location.reload("http://www.gxlcms.com"); } function window.onbeforeunload() { alert('event.clientX='+event....
在FireFox下编写事件处理函数是很麻烦的事. 因为FireFox并没有 window.event . 如果要得到 event 对象,就必须要声明时间处理函数的第一个参数为event. 所以为了兼容IE与FireFox,一般的事件处理方法为: btn.onclick=handle_btn_click; function handle_btn_click(evt) { if(evt==null)evt=window.event;//IE //处理事件. } 对于简单的程序,这不算麻烦. 但对于一些复杂的程序,某写函数根本就不是直接与事件挂钩的.如果要把ev...
作者:泣红亭 在上一篇文章《面向事件驱动的编程》中我讲了三种将事件绑定到元素的方法,而推荐使用第三种方法,即使用attachEvent/addEventListener来绑定.上一篇文章的主旨是告诉大家如何使用事件,而这一篇文章的主旨是让大家弄懂如何灵活应用事件来批处理某一类的对象行为. 首先讲一讲事件传递的概念.什么是事件传递?举个现实的例子,有个人捏了一下你的手指,你可能会说他捏了你手指,也可能会说他捏了你的手,甚至可能会说他捏了你....
1,关于event的用法 存在问题:IE中可以直接使用event对象,但是Mozilla不可以直接使用。 例如: function doIt(){ alert(event); } </ script> 这段代码在Mozilla浏览器中是不能正常工作的,因为Mozilla浏览器中没有默认的event对象,只能在事件发生的现场使用。 下面看一下两者都兼容的代码: IE&Moz <input type="button" value="clickMe" nclick="doIt(event)">function doIt(oEvent){ alert(oEvent); } </ script> 2,关于ev...
代码如下:var isie = (document.all) ? true:false; var key; var ev; if(isie){ key = window.event.keyCode; ev = window.event; }else{ key = e.which; ev = e; } 这个时候可以alert(key) 看看, 但是 要是想用到 ev.returnValue = true; // IE ev.preventDefault(); // Mozilla Firefox
点击“设为主实体”这个超链接后,原来的提示框会变色,而且会显示内容:“已经设置为合并主实体”。 问题:当a热区的提示框上的超链接下面有另一个热区b的时候,点击a热区提示框的超链接后,会触发b热区的mouseover事件,导致a热区的提示框会消失。 这个问题我苦思了好久也找不到解决方法,上星期周俊提示我可以检测一下事件的来源元素。我突然想到IE的event对象有一个属性 fromElement,测试了一下,果然在点击a热区提示...
event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 例子 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转。 Cancels Links 下面的例子在状态栏上显示鼠标的当前位置。 属性: altKey, button, ...
一个好处就是 我想让body(或其他元素内)的某些对象响应事件 就不用挨个儿去写 只要在外层上写一个 然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用 比如 span div event对象指当前触发的事件对象, window.event.srcElement是指触发事件的对象。比如你设定document.onclick = myfunc;这时所有页面点击的事件都交给myfunc处理,在myfunc函数里可以...
代码如下: function onlyNum() { if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39)&&!(event.keyCode==190)) if(!((event.keyCode>=48&&event.keyCode=96&&event.keyCodeevent.returnValue=false; //不让非数字显示 } 附JavaScript键码值表JavaScript教程/参考手册 JavaScript热搜 vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使...
而在FireFox中却没有这样的对象,如果有函数嵌套调用,需要不停的向下传递Event,例如下面的场景。 代码如下: function Test(event,dom){ Test1(event); } function Test1(event){ Test2(event); } function Test2(event){ alert(event.target.id); } 在Test2方法中需要使用event,就需要写成这样。如果在某种场景下,比如添加新功能,需要修改原来的Test2方法,需要访问event对象,而原来Test2方法的签名是Test2(),没有参数even...
New Document Y:" + y; } function getX(elementID) { var el = elementID return el.offsetLeft } function getY(elementID) { var el = elementID return el.offsetTop } function getElementPositionX(elemID) { var offsetTrail = document.getElementById(elemID); var offsetLeft = 0; while(offsetTrail) { offsetLeft += offsetTrail.offsetLeft; offsetTrail = offsetTrail.offsetParent; } if (na...
代码如下:function getEvent(){ //同时兼容ie和ff的写法 if(document.all) return window.event; func=getEvent.caller; while(func!=null){ var arg0=func.arguments[0]; if(arg0){ if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)){ return arg0; } } func=func.caller; } return null; }
因为ie的event是全局的而firefox的event是局部的,用起来不太方便,这个时候我们就要自己组装一下常用的event操作了,封装成类便于重用 代码如下:/** 类 Event 用法: Event.getEvent();获取 ie,firefox的event Event.getTarget();获取ie的srcElement或firefox的target Event.isIe();是否为ie Event.clientX(); 获取ie,fox的鼠标x坐标 Event.clientY();获取 ie,fox的鼠标y坐标 */ var Event=new function(){ this.toString=function(){...
window.event IE:有window.event对象 FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 鼠标当前坐标 IE:event.x和event.y。 FF:event.pageX和event.pageY。 通用:两者都有event.clientX和event.clientY属性。 鼠标当前坐标(加上滚动条滚过的距离) IE:event.offsetX和event.offsetY。 FF:event.layerX和event.layerY。 标签的x和y的坐标位置:style.posLeft 和 style.posTop...