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


Posted in Javascript onMay 11, 2015

本文实例讲述了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 相关文章推荐
两个DIV等高的JS的实现代码
Dec 23 Javascript
Firefox div高度自适应
Apr 28 Javascript
JavaScript入门之事件、cookie、定时等
Oct 21 Javascript
jquery实现右键菜单插件
Mar 29 Javascript
使用OpenLayers3 添加地图鼠标右键菜单
Dec 29 Javascript
Angular的$http与$location
Dec 26 Javascript
JS实现点击表头表格自动排序(含数字、字符串、日期)
Jan 22 Javascript
JavaScript Date 知识浅析
Jan 29 Javascript
react.js使用webpack搭配环境的入门教程
Aug 14 Javascript
jQuery选择器之属性过滤选择器详解
Sep 28 jQuery
vue中如何动态绑定图片,vue中通过data返回图片路径的方法
Feb 07 Javascript
使用Vue-cli 3.0搭建Vue项目的方法
Jun 07 Javascript
jQuery子窗体取得父窗体元素的方法
May 11 #Javascript
js控制div弹出层实现方法
May 11 #Javascript
JavaScript实现点击文字切换登录窗口的方法
May 11 #Javascript
jQuery实现仿腾讯微博滑出效果报告每日天气的方法
May 11 #Javascript
JS选项卡动态替换banner图片路径的方法
May 11 #Javascript
js操作css属性实现div层展开关闭效果的方法
May 11 #Javascript
javascript中this的四种用法
May 11 #Javascript
You might like
判断Keep-Alive模式的HTTP请求的结束的实现代码
2011/08/06 PHP
php定时计划任务的实现方法详解
2013/06/06 PHP
PHP常用正则表达式集锦
2014/08/17 PHP
php获取用户浏览器版本的方法
2015/01/03 PHP
php模拟服务器实现autoindex效果的方法
2015/03/10 PHP
jquery $.each()使用探讨
2013/09/23 Javascript
微信小程序实现图片预加载组件
2017/01/18 Javascript
JS常用知识点整理
2017/01/21 Javascript
bootstrap响应式工具使用详解
2017/11/29 Javascript
浅谈node中的cluster集群
2018/06/02 Javascript
jQuery实现购物车的总价计算和总价传值功能
2018/11/28 jQuery
浅谈ng-zorro使用心得
2018/12/03 Javascript
如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)
2019/05/30 NodeJs
js+canvas实现两张图片合并成一张图片的方法
2019/11/01 Javascript
微信小程序实现导航栏和内容上下联动功能代码
2020/06/29 Javascript
ant design 日期格式化的实现
2020/10/27 Javascript
[01:33:59]真人秀《加油 DOTA》 第六期
2014/09/09 DOTA
[56:41]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs OG
2018/04/01 DOTA
Python天气预报采集器实现代码(网页爬虫)
2012/10/07 Python
跟老齐学Python之关于类的初步认识
2014/10/11 Python
Python tornado队列示例-一个并发web爬虫代码分享
2018/01/09 Python
urllib和BeautifulSoup爬取维基百科的词条简单实例
2018/01/17 Python
Python pymongo模块常用操作分析
2018/09/01 Python
Python中包的用法及安装
2020/02/11 Python
详解python tkinter 图片插入问题
2020/09/03 Python
基于Python-turtle库绘制路飞的草帽骷髅旗、美国队长的盾牌、高达的源码
2021/02/18 Python
Waterford美国官网:爱尔兰水晶制品品牌
2017/04/26 全球购物
大二学生职业生涯规划书
2014/02/05 职场文书
大学生个人实习的自我评价
2014/02/15 职场文书
电子工程专业毕业生求职信
2014/03/14 职场文书
培训科主任岗位职责
2014/08/08 职场文书
2015年幼儿园教育教学工作总结
2015/05/25 职场文书
人与自然观后感
2015/06/16 职场文书
记者节感言
2015/08/03 职场文书
在pyCharm中下载第三方库的方法
2021/04/18 Python
Java的Object类的九种方法
2022/04/13 Java/Android