event对象获取方法总结在google浏览器下测试

简介：

Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件发生前被执行！
Event对象的获取方法：

方法一：

例如：


代码如下:

function demo1(e){

var e = e || window.event;

//此种方法在ie中和google中可以不传参数e也可以获取到event，但是在火狐中必须在事件方法中传递event参数

//才可以获取到event对象。

}

<input onclick = "demo1(event)" value="demo1"/>

方法二：通用的方便的方法(这种方法方便之处在于不用传参数)

例如：


代码如下:

function demo2(){

var e = arguments.callee.caller.arguments[0] || window.event;

//arguments.callee指的就是当前的函数体

//arguments.callee.caller就是当前函数的上级函数

//所以当执行onclick="demo2()"时arguments.callee就是demo2()，arguments.callee.caller就是function onclick ,
//onclick的第一个能数就是event，也就是arguments.callee.caller.arguments[0]这个。

}

<input onclick="demo2()" value="demo2"/>

详细测试总结：

一：万能的同样的方法是：传递参数event（实参必须写event换其他名称不行）方式。

二：window.event适用于ie和google浏览器火狐不支持。

三：arguments.callee.caller.arguments[0]仅火狐和google支持，ie不支持这种获取方式。

从以上测试结果可知google浏览器支持以上各种获取方式，属于兼容性最强的一个浏览器。

赞 (0)

相关推荐

  • event对象获取方法总结在google浏览器下测试

    简介: Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 事件通常与函数结合使用,函数不会在事件发生前被执行! Event对象的获取方法: 方法一: 例如: 复制代码 代码如下: function demo1(e){ var e = e || window.event; //此种方法在ie中和google中可以不传参数e也可以获取到event,但是在火狐中必须在事件方法中传递event参数 //才可以获取到event对象. } <input

  • event对象的方法 兼容多浏览器

    复制代码 代码如下: 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)=="objec

  • js中获取事件对象的方法小结

    js中获取事件对象的方法小结

    复制代码 代码如下: var evt = window.event || arguments[0]; 下面分三种添加事件的方式讨论,你也许会看到以前没有看到过的获取方式. 1,第一种添加事件的方式,直接在html的属性中写JS代码 复制代码 代码如下: <div onclick="alert(4);">Div1 Element</div> 大概这是上世纪90年代的写法,那时候直接把js代码写在网页中很普遍,也许那时候的js并不太重要,只是用来做做验证或一些花哨的

  • 快速获取Ajax通信对象的方法

    实例如下: function getXHR() { // 该方法用于获取Ajax通信对象 var xhr = null; if (window.XMLHttpRequest != null && window.XMLHttpRequest != undefined) { xhr = new XMLHttpRequest(); } else { / 兼容早期的IE浏览器 xhr = new ActiveXObject("Microsoft.XMLHTTP"); } ret

  • JS的Event事件对象使用方法

    fasdf function bb(e){ alert(e); } var container = document.getElementById("contentq"); container.onclick=function(e){ if(document.all){//IE var a=window.event; alert(a.type); }else{ alert(e.type); } } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 事件对象获取统一的方法:(来

  • Ajax获取XMLHttp对象的方法

    本文实例讲述了Ajax获取XMLHttp对象的方法.分享给大家供大家参考,具体如下: Ajax 中要用到XMLHttp对象,我见过各种获取该对象的写法,觉得该写法最优雅.首先考虑到了适合不同的浏览器:其次考虑到了优先加载次序,从高版本向低版本试探,最后若还没找到,则抛出异常. function FactoryXMLHttpRequest() { if(window.XMLHttpRequest) { return new XMLHttpRequest(); }else if(window.Act

  • jQuery获取单击节点对象的方法

    本文实例讲述了jQuery获取单击节点对象的方法.分享给大家供大家参考,具体如下: event.target属性: <script language="JavaScript" type="text/javascript"> $("document").ready(function () { $(".menu").bind("click", function (event) { var click

  • jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法

    本文实例讲述了jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法.分享给大家供大家参考,具体如下: 我们在使用EasyUI Tabs框架时,在框架最顶层的弹出窗体中需要操作当前Tab的iframe窗体内容或方法,这时候我们就可以使用以下方法来实现. 具体实现代码如下所示: function getTabWindow() { var curTabWin = null; var curTab = parent.$('#main-center').tabs('getSelected

  • js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍

    IE 左键是 window.event.button = 1 右键是 window.event.button = 2 中键是 window.event.button = 4 没有按键动作window.event.button = 0 Firefox 左键是 event.button = 0 右键是 event.button = 2 中键是 event.button = 1 没有按键动作 event.button = 0 Opera 7.23/7.54 鼠标左键是 window.event.but

  • jQuery获取this当前对象子元素对象的方法

    如下所示: <select id="city"> <option value="beijing">北京</option> <option value="shanghai">上海</option> <option value="shenzhen">深圳</option> </select> $(function(){ $("

随机推荐