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>
还没来得及试,先记录下来,估计是不会有什么大问题的。
发现没有用<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>
相关文章推荐
- Firefox兼容的JavaScript回车提交表单
- 回车键提交表单,兼容IE,Firefox
- javascript实现回车键提交表单方法总结
- 防止SQL注入和禁止回车提交表单Javascript代码
- javascript回车提交表单
- JavaScript阻止回车提交表单的方法
- javascript 回车键触发表单提交的问题
- IE和FireFox按回车自动提交表单问题解决
- JavaScript禁止没有回车事件的input触发submit提交表单事件,已有回车触发事件的input不受影响
- JavaScript--简单实现按回车键,光标跳转到后一文本框中和表单提交
- JavaScript阻止回车提交表单的方法
- javascript 回车键触发表单提交的问题
- javascript实现ctrl+enter键提交表单并兼容ie和ff以及google浏览器(Chrome)、苹果浏览器(Safari)、360极速浏览器(ie和火狐)
- JavaScript 按回车键提交搜索表单 easyui ajax方式
- javascript 回车提交表单!
- 用JavaScript实现表单按回车自动提交
- js防止回车(enter)键提交表单及javascript中event.keycode
- Javascript 函数: CTRL+回车 提交表单 By shawl.qiu