您的位置:首页 > Web前端 > JavaScript

Firefox兼容的JavaScript回车提交表单

2012-03-07 10:14 441 查看
from:http://readwall.blog.163.com/blog/static/10127132200951195755734/
还没来得及试,先记录下来,估计是不会有什么大问题的。
发现没有用<Form>标签和form.submit方法的回车提交在firefox下面不工作,因为FireFox不捕捉回车事件。
一般在IE下实现回车可以这样:
<INPUT TYPE=text NAME="hanbai_cd" SIZE=20 maxlength = 8
onkeydown=KeyDown()>
function KeyDown()
{
if (event.keyCode == 13)
{
event.returnValue=false;
event.cancel = true;
Form1.btnsubmit.click();
}
}

上面只针对IE, 在firefox下面不工作,因为FireFox不捕捉回车事件,FF和IE兼容代码如下:
<script type="text/javascript">
<!--
if(document.addEventListener){//如果是Firefox
document.addEventListener("keypress",fireFoxHandler,
true);
}else{
document.attachEvent("onkeypress",ieHandler);
} ‍
function
fireFoxHandler(evt){
//alert("firefox");
if(evt.keyCode==13){
validateLogon();//你的代码
}
}
function ieHandler(evt){
//alert("IE");
if(evt.keyCode==13){
validateLogon();//你的代码
}
}
//-->
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: