firefox对于keycode兼容性

最新推荐文章于 2021-07-08 09:46:06 发布

gxynzbst

最新推荐文章于 2021-07-08 09:46:06 发布

阅读量439

点赞数

分类专栏： JS

JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

FF对keycode的兼容性存在问题

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form action="aaa" method="post">
		user:<input type="text" οnblur="_checkName(this,event);" name="nm" /><label
			id="lab"></label><br /> age:<input οnkeypress=" return _checkAge(this);" type="text" name="age" /><br /> <input
			type="submit" value="提交" />
	</form>
</body>
<script type="text/javascript">
	//js中this：
	function _checkName(inp) {
		//var nm=document.getElementsByName("nm")[0];
		//alert(inp.name);
		var nm = trim(inp.value);
		//alert(">>"+trim(nm));
		if (nm.length < 6) {
			//alert("用户名长度不能小于6位！！");
			lab.innerHTML = "用户名长度不能小于6位！！";
		}
	}
	function trim(str) {
		var begin=0;
		for ( var i = 0; i < str.length; i++) {
			if(str[i]!=" "){
				begin=str.indexOf(str[i]);
			}
		}
		var end=0;
		for(var i=str.length-1;i>=0;i--){
			if(str[i]!=" "){
				end=str.lastIndexOf(str[i]);
			}
		}
		return  str.substring(begin,end+1);
	}
	function _checkAge(inp){
		//alert(event);
		var code=event.keyCode?event.KeyCode:event.which;
		//alert(code);
		var str="0123456789";
		var ch=String.fromCharCode(code);
		if(str.indexOf(ch)==-1){
			return false;
		}
	}
</script>
</html>

此代码在ie中age框可以实现如果是数字，可以输入，如果是非数字则不可输入，但在ff中不可实现。

<span style="color:#FF0000;">此处要将</span><pre name="code" class="html"><pre name="code" class="html"><span style="color:#FF0000;">var event=event||window.event;</span>

改为
var event=arguments.callee.caller.arguments[0]||window.event;
则可实现ie和ff浏览器之间兼容

首先得了解arguments.callee是什么东西,caller又是什么样的属性？

argments.callee就是函数体本身，arguments.callee.caller就是函数体的调用函数体

简单例子如下:

< script type = ' text/javascript ' >

<span style="color:#00ff;">function</span>  a(){

    b();
}

function b(){
    alert(b   === arguments.callee)
    alert(b.caller   === a)
    alert(arguments.callee.caller   === a)

}
a();
< / script>

不出意外，上面的例子将输出3个true,表明当a()调用时，函数b与函数a的关系。

function anonymous(){
myFunc()
}

ff下输出为

function onclick(event){
myFunc();
}

ie下定义了一个匿名函数，内部再执行用户定制的函数(myFunc)，而ff下则有所

不同，首先ff下定义了一个与节点事件同名的函数,这里是onclick事件，所以是function onclick,然后event作为一个参数传入，内部再执行myFunc.

所以当事件触发时，在myFunc里，argument.callee.caller就是指向function onclick，当然，argument.callee.caller.arguments[0]即为event了.