JavaScript-Tips

1.屏蔽页面回车提交

  1.默认情况下,在表单输入框里按回车将会提交表单,但有时需要屏蔽掉按回车键提交表单功能,以保证完整输入表单

  <script type="text/javascript">
  $(function() {
    $("input").keypress(function (e) {
      var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
      if (keyCode == 13) {
        for (var i = 0; i < this.form.elements.length; i++) {
          if (this == this.form.elements[i]) break;
        }
        i = (i + 1) % this.form.elements.length;
        this.form.elements[i].focus();
        return false;
      } else {
        return true;
      }
    });
  });
  </script>

  2. 简单的:

  <body onkeydown="if(event.keyCode==13)return false;">

  添加body的一个onkeydown事件,判断其是否按下回车键,按下的话返回false可能代表没按回车。

  3.局部针对的:

  <body onkeydown="keydown()">

  <form>

  <input name="word" type="text" value="关键字" size="9" onclick="javascript:return false();">

  <input type=submit value=ok name=ok>

  </form>

  <script language="JavaScript"><!--

  function keydown() {

       var k = window.event.keyCode;

       var e = window.event.srcElement;

       if (e.type == "text" && k == 13) {

             window.event.keyCode = 0;

             window.event.returnValue = false;

      }

  }

  //--></script>

 

 

posted @ 2014-07-02 16:11  Cyber9527  阅读(147)  评论(0编辑  收藏  举报