首页 > 编程语言 > 详细

JavaScript-Tips

时间:2014-07-07 10:41:28      阅读:346      评论:0      收藏:0      [点我收藏+]

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>

 

 

JavaScript-Tips,布布扣,bubuko.com

JavaScript-Tips

原文:http://www.cnblogs.com/RocCnBlog/p/3820500.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!