zoukankan      html  css  js  c++  java
  • Firefox兼容的JavaScript回车提交表单

    发现没有用<Form>标签和form.submit方法的回车提交在firefox下面不工作,因为FireFox不捕捉回车事件。一般在IE下实现回车可以这样:

    <INPUT TYPE=text NAME="hanbai_cd" SIZE=20 maxlength = 8 onkeydown=KeyDown()>

       1: function KeyDown()
       2: {
       3:  if (event.keyCode == 13)
       4:  {
       5:        event.returnValue=false;
       6:        event.cancel = true;
       7:        Form1.btnsubmit.click();
       8:    }
       9: }


    上面只针对IE, 在firefox下面不工作,因为FireFox不捕捉回车事件,FF和IE兼容代码如下:

       1: <script type="text/javascript">
       2: <!--
       3:  
       4: if(document.addEventListener){//如果是Firefox
       5: document.addEventListener("keypress",fireFoxHandler, true);
       6: }else{
       7: document.attachEvent("onkeypress",ieHandler);
       8: }
       9:  
      10: function fireFoxHandler(evt){
      11: //alert("firefox");
      12: if(evt.keyCode==13){
      13:    validateLogon();//你的代码
      14: }
      15: }
      16:  
      17: function ieHandler(evt){
      18: //alert("IE");
      19: if(evt.keyCode==13){
      20:    validateLogon();//你的代码
      21: }
      22: }
      23:  
      24: //-->
      25: </script>
  • 相关阅读:
    Android学习之APP点击功能闪退问题的处理一
    RN TextInput用法
    OC仿QQ侧滑
    UIKIT_EXTERN和define定义常量
    iOS添加pch文件
    UICollectionView横向分页
    OC,UITableView侧滑删除
    OC图片滑动验证
    OC屏幕手势解锁
    OC分割输入验证码的视觉效果
  • 原文地址:https://www.cnblogs.com/Mainz/p/Firefox_JavaScript_JS_Enter_Post_FormSubmit.html
Copyright © 2011-2022 走看看