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 相关文章推荐
各种常用浏览器getBoundingClientRect的解析
May 21 Javascript
javascript 处理事件绑定的一些兼容写法
Dec 24 Javascript
关于Jqzoom的使用心得 jquery放大镜效果插件
Apr 12 Javascript
js数组操作学习总结
Nov 04 Javascript
js动态拼接正则表达式的两种方法
Mar 04 Javascript
jquery禁止回车触发表单提交
Dec 12 Javascript
JavaScript中对象property的删除方法介绍
Dec 30 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
Aug 17 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
Dec 25 Javascript
浅谈js里面的InttoStr和StrtoInt
Jun 14 Javascript
jquery实现下拉框左右选择功能
Feb 21 Javascript
解决VantUI popup 弹窗不弹出或无蒙层的问题
Nov 03 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
PHP程序漏洞产生的原因分析与防范方法说明
2014/03/06 PHP
用 Composer构建自己的 PHP 框架之设计 MVC
2014/10/30 PHP
Laravel框架实现多数据库连接操作详解
2019/07/12 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
extjs 学习笔记(一) 一些基础知识
2009/10/13 Javascript
基于jquery的监控数据是否发生改变
2011/04/11 Javascript
jquery中获取元素的几种方式小结
2011/07/05 Javascript
js 获取时间间隔实现代码
2014/05/12 Javascript
javascript中加号(+)操作符的一些神奇作用
2014/06/06 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
2015/03/04 Javascript
javascript异步处理工作机制详解
2015/04/13 Javascript
javascript实现输出指定行数正方形图案的方法
2015/08/03 Javascript
基于iscroll.js实现下拉刷新和上拉加载效果
2016/11/28 Javascript
详解js前端代码异常监控
2017/01/11 Javascript
js 博客内容进度插件详解
2017/02/19 Javascript
jQuery遍历节点方法汇总(推荐)
2017/05/13 jQuery
详解ElementUI之表单验证、数据绑定、路由跳转
2017/06/21 Javascript
Angular浏览器插件Batarang介绍及使用
2018/02/07 Javascript
对angular 实时更新模板视图的方法$apply详解
2018/10/09 Javascript
Vue v-for循环之@click点击事件获取元素示例
2019/11/09 Javascript
js实现鼠标拖曳效果
2020/12/30 Javascript
Python中文件遍历的两种方法
2014/06/16 Python
Python延时操作实现方法示例
2018/08/14 Python
Django使用AJAX调用自己写的API接口的方法
2019/03/06 Python
django基于cors解决跨域请求问题详解
2019/08/06 Python
利用CSS的Sass预处理器(框架)来制作居中效果
2016/03/10 HTML / CSS
花园仓库建筑:Garden Buildings Direct
2018/02/16 全球购物
美国打印机墨水和碳粉购物网站:QuikShip Toner
2018/08/29 全球购物
机电一体化自荐信
2013/12/10 职场文书
职工小家建设活动方案
2014/08/25 职场文书
大学生就业协议书范本(适用于公司企业)
2014/10/07 职场文书
观后感格式
2015/06/19 职场文书
公文写作:教你写“建议书”
2019/05/07 职场文书
mysql中varchar类型的日期进行比较、排序等操作的实现
2021/11/17 MySQL
Java8利用Stream对列表进行去除重复的方法详解
2022/04/14 Java/Android
Ruby GDBM操作简介及数据存储原理
2022/04/19 Ruby