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 相关文章推荐
js资料toString 方法
Mar 13 Javascript
关于query Javascript CSS Selector engine
Apr 12 Javascript
JS打开层/关闭层/移动层动画效果的实例代码
May 11 Javascript
node.js中的path.sep方法使用说明
Dec 08 Javascript
js倒计时抢购实例
Dec 20 Javascript
js中获取时间new Date()的全面介绍
Jun 20 Javascript
老生常谈javascript的类型转换
Oct 12 Javascript
Node.js的特点详解
Feb 03 Javascript
使用javascript做时间倒数读秒功能的实例
Jan 23 Javascript
微信小程序 网络通信实现详解
Jul 23 Javascript
Vue.js组件实现选项卡以及切换特效
Jul 24 Javascript
基于Layui自定义模块的使用方法详解
Sep 14 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
phpMyAdmin 安装配置方法和问题解决
2009/06/08 PHP
PHP URL路由类实例
2013/11/12 PHP
CodeIgniter连贯操作的底层原理分析
2016/05/17 PHP
在PHP语言中使用JSON和将json还原成数组的方法
2016/07/19 PHP
laravel创建类似ThinPHP中functions.php的全局函数
2016/11/26 PHP
在laravel-admin中列表中禁止某行编辑、删除的方法
2019/10/03 PHP
javascript 弹出层组件(升级版)
2011/05/12 Javascript
jQuery Validate验证框架经典大全
2015/09/23 Javascript
jquery获取easyui日期控件的值实现方法
2016/11/09 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
2016/12/14 Javascript
AngularJS 使用ng-repeat报错 [ngRepeat:dupes]
2017/01/19 Javascript
js实现tab切换效果
2017/02/16 Javascript
利用js的闭包原理做对象封装及调用方法
2017/04/07 Javascript
Js实现京东无延迟菜单效果实例(demo)
2017/06/02 Javascript
Vue Echarts实现可视化世界地图代码实例
2019/05/07 Javascript
如何通过shell脚本自动生成vue文件详解
2019/09/10 Javascript
JavaScript设计模型Iterator实例解析
2020/01/22 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
2020/08/12 Javascript
Python深入学习之内存管理
2014/08/31 Python
django接入新浪微博OAuth的方法
2015/06/29 Python
详解Python里使用正则表达式的ASCII模式
2017/11/02 Python
Django models.py应用实现过程详解
2019/07/29 Python
Python图像处理模块ndimage用法实例分析
2019/09/05 Python
Python进阶之使用selenium爬取淘宝商品信息功能示例
2019/09/16 Python
利于python脚本编写可视化nmap和masscan的方法
2020/12/29 Python
Html5 Geolocation获取地理位置信息实例
2016/12/09 HTML / CSS
Html5基于canvas实现电子签名并生成PDF文档
2020/12/07 HTML / CSS
西班牙灯具网上商店:Lampara.es
2018/06/05 全球购物
您附近的水疗和健康场所:Spafinder(美国)
2019/07/05 全球购物
留学自荐信
2013/10/10 职场文书
雷锋观后感
2015/06/10 职场文书
2016幼儿园教师年度考核评语
2015/12/01 职场文书
在校大学生才艺比赛策划书怎么写?
2019/08/26 职场文书
MySQL root密码的重置方法
2021/04/21 MySQL
css 边框添加四个角的实现代码
2021/10/16 HTML / CSS
MySQL插入数据与查询数据
2022/03/25 MySQL