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

前端技术 2023/09/05 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事件做处理，禁止回车操作。

具体代码：

<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程序设计有所帮助。

本文地址：https://www.stayed.cn/item/13469

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案