禁止回车提交form表单

  • 方法1
    使用js监听回车事件并阻止向上冒泡即可

      <form name="form1" method="post" onkeydown="init();">
    
      function init() {
          function keydownFn(e) {
              if(e.keyCode===13){
                  e.preventDefault();
                  e.stopPropagation();
              }
          }
          var $f = document.getElementById('xx');
          $f.addEventListener('keydown', keydownFn);
      }
    
  • 方法2
    当form中存在多个<input>时,回车将不会提交表单.因此,我们使用另一个<input>隐藏在页面中即可

      <input style="display:none;">
    

推荐方法2,简单粗暴.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 事件流: 事件流:页面接收事件的顺序。 IE定义的:事件冒泡流(由最具体的元素依次传播到DOM树的最上层的Docu...
    xiaoguo16阅读 664评论 0 0
  • 手机端配置tcp方式连接 su setprop service.adb.tcp.port 5555 stop ad...
    yoyo鹿鸣阅读 5,844评论 0 4
  • 什么是事件: 事件是交互体验的核心功能 一.事件冒泡: 当一个事件发生时,这个事件会从内向外逐层传递。 二.为什么...
    轻描淡写mua阅读 578评论 0 0
  • 看着豆包把那三桶方便面翻来翻去,我干脆就来了,方便面游戏。一画二聊三找相同。 估计你们都能看懂,就是按面包装桶的颜...
    xo烩什锦阅读 393评论 2 0
  • 暮色,将天空扮演成幽暗海洋像沙丁鱼一样抱团而舞的蚊子,只顾狂欢明目张胆的寻找所谓爱情 我站在那里像一个干瘪的稻草人...
    一团菌阅读 255评论 2 9

友情链接更多精彩内容