js光标定位文本框回车表单提交问题的解决方法

这篇文章主要介绍了js光标定位文本框回车表单提交问题的解决方法,涉及javascript阻止浏览器默认事件的方法,需要的朋友可以参考下

 

本文实例讲述了js光标定位文本框回车表单提交问题的解决方法。分享给大家供大家参考。具体分析如下：

当光标定位在辅助查找的文本框后回车，页面会出现方法的返回的json串。

原因：When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.

翻译一下：当form中只有一个input type="text"时，当用户按回车键会提交这个form。

解决方案：对input text的onkeydown事件做处理，禁止回车操作。

具体代码：
 

1. <p> 
2. <input class="text text-1" type="text" name="name" 
3. id="notAssociateName" value="" onkeydown="enter_down(event);"/> 
4. </p> 
5. function enter_down(event){ 
6.  if(event.keyCode==13){ 
7.   stopDefault(event); 
8.  } 
9. } 
10. function stopDefault(e) { 
11.  //如果提供了事件对象，则这是一个非IE浏览器 
12.  if(e && e.preventDefault) { 
13.  　　//阻止默认浏览器动作 
14.  　　e.preventDefault(); 
15.  } else { 
16.  　　//IE中阻止函数器默认动作的方式 
17.  　　window.event.returnValue = false; 
18.  } 
19.  return false; 
20. }