使用arguments对象处理兼容各浏览器的键盘按钮事件

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">项目要求按下回车时执行登录,由于IE和火狐等浏览器事件对象模型不同,几经考虑后采用该对象处理,废话不说看代码</span>

<body onkeypress="keyPress();">

function keyPress(){
	var pressE =  arguments.callee.caller.arguments[0];
	if(pressE && pressE.keyCode==13){
		alert('登录!');
	}
}

原理如下:

function f1(a){
	f2(a+'a');
}
function f2(b){
	alert(arguments.callee);//当前正在调用的函数
	alert(arguments.callee.caller);//调用当前正在调用函数的函数
	alert(arguments.callee.caller.arguments.length);//...的参数长度
}

时间： 2024-08-08 22:09:34

使用arguments对象处理兼容各浏览器的键盘按钮事件的相关文章

兼容各浏览器的鼠标滚轮事件

今天趁着工作闲暇的时间,写了一个简单的兼容各浏览器的鼠标滚轮方法: 代码: function mouseWheel(){ if(document.addEventListener){ document.body.addEventListener('mousewheel',function(e){ Detail(e); e.stopPropagation(); e.preventDefalut(); }); document.body.addEventListener('DOMMouseScrol

XMLHttpRequest对象如何兼容各浏览器使用？

什么是 XMLHttpRequest 对象? XMLHttpRequest 对象用于在后台与服务器交换数据.XMLHttpRequest 对象是开发者的梦想,因为您能够:在不重新加载页面的情况下更新网页在页面已加载后从服务器请求数据在页面已加载后从服务器接收数据在后台向服务器发送数据所有现代的浏览器都支持 XMLHttpRequest 对象. 1.如何创建兼容良好的XMLHttpRequest 对象: function createXmlRequest(){ var xmlHttp;

Ajax 对象创建兼容各个浏览器通用方法getHTTPObject.js

function getHTTPObject(){ if(typeof XMLHttpRequest == "undefined") XMLHttpRequest = function(){ try{return new ActiveXObject("Msxml2.XMLHTTP.6.0");} catch(e){} try {return new ActiveXObject("Msxml2.XMLHTTP.3.0");} catch(e){}

添加和移除事件处理兼容各浏览器的封装（带详细注释）

//事件处理兼容各种浏览器,采用能力检测方法,所谓能力检测,就是有能力就做,没有能力就不做 //定义一个处理事件的对象,兼容各种浏览器,dom2级事件处理和ie事件,如果这两个事件都不兼容,就采用dom0级处理 var eventUtil ={ addEvent:function(element,type,handler){ if (element.addEventListener) { //非IE浏览器采用dom2级事件处理,type为事件类型如:click,handler为事件处理函数,fa

监听浏览器返回按钮事件

pushHistory(); window.addEventListener("popstate", function(e) { //alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能 window.location = '/m/jfscapp/views/product/product_exchange.html'; }, false); function pushHistory() { var state = { title:

XMLHTTPRequest对象的创建与浏览器的兼容问题

MLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始. 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法: 先看看IE创建XMLHttpRequest 对象的方法(方法1): var xmlhttp=ActiveXobject("Msxml12.XMLHTTP");//较新的IE版本创建Msxml12.XMLHT

创建ajax对象并兼容多个浏览器

这篇文章主要介绍了如何创建ajax对象并兼容多个浏览器,需要的朋友可以参考下<script> function createAjax(){ var request=false; //window对象中有XMLHttpRequest存在就是非IE,包括(IE7以上版本) if(window.XMLHttpRequest){ request=new XMLHttpRequest(); if(request.overrideMimeType){ request.overrideMimeType(&q

arguments对象的实例使用

新年第一记,从这里开始,先来个简单的!去年的知识梳理留下了很多尾巴,原因有很多(知识储量不足,懒了,项目多...) lg:都是借口~ 好吧,我承认,这都是借口,今年一定把尾巴清干净! 下面要写的是知识梳理的第一个案例: 写一个求和的方法sumFn,不管传递的参数有什么,都能将最终的和算出来,并且返回给函数外部使用.(要求:一个参数都不传默认结果为0,对于传递的非正常数字的参数不与累加操作): 这个案例主要要考察的知识点是 arguments 参数,来给个特写,什么意思呢? arguments

css样式兼容不同浏览器问题解决办法

在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网站,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7.FF 共用 height: 100px !important; 一.CSS HACK 1, !important