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

2019-12-18,,,,,

本文实例讲述了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事件做处理,禁止回车操作。

具体代码:

<p>
<input class="text text-1" type="text" name="name" 
id="notAssociateName" value="" onkeydown="enter_down(event);"/>
</p>
function enter_down(event){
 if(event.keyCode==13){
  stopDefault(event);
 }
}
function stopDefault(e) {
 //如果提供了事件对象,则这是一个非IE浏览器
 if(e && e.preventDefault) {
   //阻止默认浏览器动作
   e.preventDefault();
 } else {
   //IE中阻止函数器默认动作的方式
   window.event.returnValue = false;
 }
 return false;
}

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

  • JavaScript自定义文本框光标
  • Javascript实现获取及设置光标位置的方法
  • JS在可编辑的div中的光标位置插入内容的方法
  • js实现获取焦点后光标在字符串后
  • js获取光标位置和设置文本框光标位置示例代码
  • 在页面中js获取光标/鼠标的坐标及光标的像素坐标
  • js切换光标示例代码
  • js/html光标定位的实现代码
  • javascript textarea光标定位方法(兼容IE和FF)
  • JavaScript中在光标处插入添加文本标签节点的详细方法

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

下载本文的Word格式文档,以方便收藏与打印。