Firefox兼容的JavaScript回车提交表单

简介:
还没来得及试,先记录下来,估计是不会有什么大问题的。
发现没有用<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>
相关文章
|
2月前
|
JavaScript 前端开发
JavaScript如何遍历表单元素?
JavaScript如何遍历表单元素?
|
2月前
编程笔记 html5&css&js 022 HTML表单概要
编程笔记 html5&css&js 022 HTML表单概要
|
3月前
|
移动开发 JavaScript 前端开发
分享88个表单按钮JS特效,总有一款适合您
分享88个表单按钮JS特效,总有一款适合您
31 1
|
3月前
|
存储 移动开发 JSON
分享86个表单按钮JS特效,总有一款适合您
分享86个表单按钮JS特效,总有一款适合您
33 1
|
4月前
|
移动开发 JavaScript 前端开发
分享95个JS表单脚本,总有一款适合您
分享95个JS表单脚本,总有一款适合您
29 0
|
4月前
|
移动开发 JavaScript 前端开发
分享106个JS表单脚本,总有一款适合您
分享106个JS表单脚本,总有一款适合您
20 0
|
4月前
|
移动开发 JavaScript 前端开发
分享98个JS表单脚本,总有一款适合您
分享98个JS表单脚本,总有一款适合您
22 0
|
6月前
|
JavaScript 前端开发 开发者
Vue.js模板语法[下](事件处理,表单综合案例,自定义组件)---详细讲解
Vue.js模板语法[下](事件处理,表单综合案例,自定义组件)---详细讲解
37 0
|
11天前
|
移动开发 JavaScript HTML5
input | pattern | oninvalid | setCustomValidity | html5原生js表单校验
input | pattern | oninvalid | setCustomValidity | html5原生js表单校验
13 0
|
2月前
|
移动开发 HTML5
编程笔记 html5&css&js 024 HTML表单元素
编程笔记 html5&css&js 024 HTML表单元素