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

简介:

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浏览器支持以上各种获取方式,属于兼容性最强的一个浏览器。

时间: 2024-09-14 04:27:09

event对象获取方法总结在google浏览器下测试_javascript技巧的相关文章

关于scrollLeft,scrollTop的浏览器兼容性测试_javascript技巧

今天在修改原群组弹窗的时候,发现弹窗在谷歌浏览器chrome下的位置跟在别的浏览器下不一样.逐一排查,肯定是在计算窗口位置的时候,少加了scrollTop这个值.在查看源代码的时候发现直接采用 document.documentElement.scrollTop这个,但在chrome下这个值为0. 在有文档声明的情况下,也就是第一行有个dtd声明,标准浏览器认识document.documentElement.scrollTop,可chrome竟然不认识这斯.在没有文档声明的情况下,chrome

网站页面自动跳转实现方法PHP、JSP(下)_javascript技巧

本文讨论网页自动跳转的几种实现方法.方法一:使用meta标签meta标签是html不可或缺的标签之一,它负责提供文档的元信息,其参数主要有: ① http-equiv: 与 文档中数据相关的HTTP文件首部 ② content: 与命名HTTP首部相关的数据 ③ name: 文档描述 ④ url: 与元信息相联系的URL当我们定义属性http-equiv为refresh,打开此Web页时系统将根据content规定的值在一定时间内跳转到相应页面,content="秒数;url=网址"就

Android解析json数组对象的方法及Apply和数组的三个技巧_Android

json是种常用的数据传输格式,在android开发中,如何借助java语言实现对json数组对象的解析呢,请参阅下面的关键代码: import org.json.JSONArray; import org.json.JSONObject; //jsonData的数据格式:[{ "id": "27JpL~jd99w9nM01c000qc", "version": "abc" },{ "id": "

JavaScript 浏览器兼容性总结及常用浏览器兼容性分析_javascript技巧

1. children与childNodes IE提供的children.childNodes和firefox下的childNodes的行为是有区别的,firefox下childNodes会把换行和空白字符都算作父节点的子节点,而IE的childNodes和children不会.比如: <div id="dd"> <div>yizhu2000</div> </div> d为dd的div在IE下用childNodes查看,其子节点数为1,而

css与javascript跨浏览器兼容性总结_javascript技巧

本文以大量实例形式总结了css与javascript跨浏览器的兼容性问题.分享给大家供大家参考.具体总结如下: 一.CSS样式兼容性 1. FLOAT闭合(clearing float) 网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合,这也是div无法自适应高度的一个原因.如果父div没有设float而其子div却设了float的话,父div无法包住整个子DIV,这种情况一般出现在一个父DIV下包含多个子DIV.解决办法: 1) 给父DIV也设上float 2) 在

js window.event对象使用方法介绍

event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义. 例1  代码如下 复制代码 <SCRIPT LANGUAGE="JScript"> function cancelLink() { if (window.event.srcE

js 通过html()及text()方法获取并设置p标签的显示值_javascript技巧

html()方法 此方法类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的HTML内容.要获取某个元素的内容,可以这样: 复制代码 代码如下: var p_html = $("p").html(); //获取p元素的HTML代码 如果需要设置某元素的HTML代码,那么也可以使用该方法,不过需要为它传递一个参数.例如要设置p元素的HTML代码,可以使用如下代码: 复制代码 代码如下: //设置p元素的HTML代码 $("p").ht

javascript怎么禁用浏览器后退按钮_javascript技巧

1. 复制代码 代码如下: <script language="JavaScript"> javascript:window.history.forward(1); </script> 利用JS产生一个"前进"的动作,以抵消后退功能,这种方法应该是最简洁的,并且不需要考虑用户连点两次或多次"后退"的情况,缺点是当用户端禁用了JavaScript之后即失效. 2. 复制代码 代码如下: <A HREF="lo

drag-and-drop实现图片浏览器预览_javascript技巧

今天刚试过chrome的drag and drop API,它能非常简单的将本地的图片放到浏览器中进行预览.试想一下当我们把一个文图片拖拽到浏览器里会发生什么事情,你的浏览器试图打开一个新的页面并加载这个图片.现在我不想浏览器这样帮我处理图片,我希望我拖拽的图片能立即放到我预先规定的位置并迅速回显,这就需要javascript中event对象的两个函数stopPropergation()和preventDefault().前者将会阻止事件的冒泡,后者会阻止浏览器默认的行为. 这里我们定义一个ig