码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript-Tips

时间:2014-07-07 10:42:33      阅读:248      评论:0      收藏:0      [点我收藏+]

标签:style   java   cti   javascript   for   io   

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

标签:style   java   cti   javascript   for   io   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!