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 相关文章推荐
Javascript操纵Cookie实现购物车程序
Nov 23 Javascript
JavaScript 轻松搞定快捷留言功能 只需一行代码
Apr 01 Javascript
JavaScript入门之对象与JSON详解
Oct 21 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
Sep 10 Javascript
浅析JavaScript动画
Jun 10 Javascript
Jquery获取radio选中的值
May 05 jQuery
详解Angular 4 表单快速入门
Jun 05 Javascript
图片加载完成再执行事件的实例
Nov 16 Javascript
vue+jquery+lodash实现滑动时顶部悬浮固定效果
Apr 28 jQuery
微信小程序wepy框架笔记小结
Aug 08 Javascript
使用vue完成微信公众号网页小记(推荐)
Apr 28 Javascript
javascript绘制简单钟表效果
Apr 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
PHP循环语句笔记(foreach,list)
2011/11/29 PHP
php打造属于自己的MVC框架
2012/03/07 PHP
PHP中去掉字符串首尾空格的方法
2012/05/19 PHP
解析PHP生成静态html文件的三种方法
2013/06/18 PHP
php基于Snoopy解析网页html的方法
2015/07/09 PHP
php使用curl模拟浏览器表单上传文件或者图片的方法
2018/11/10 PHP
PHP Ajax跨域问题解决方案代码实例
2020/08/01 PHP
use jscript List Installed Software
2007/06/11 Javascript
Prototype Selector对象学习
2009/07/23 Javascript
jQuery新闻滚动插件 jquery.roller.js
2011/06/27 Javascript
Javascript闭包用法实例分析
2015/01/23 Javascript
JavaScript实现Fly Bird小游戏
2016/12/15 Javascript
jQuery实现联动下拉列表查询框
2017/01/04 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
2017/07/12 Javascript
如何为vue的项目添加单元测试
2018/12/19 Javascript
详解微信小程序胶囊按钮返回|首页自定义导航栏功能
2019/06/14 Javascript
基于JavaScript实现简单扫雷游戏
2021/01/02 Javascript
[02:20]DOTA2英雄基础教程 黑暗贤者
2013/12/19 DOTA
10个易被忽视但应掌握的Python基本用法
2015/04/01 Python
Python编程实现使用线性回归预测数据
2017/12/07 Python
Python从list类型、range()序列简单认识类(class)【可迭代】
2019/05/31 Python
python-numpy-指数分布实例详解
2019/12/07 Python
python环境搭建和pycharm的安装配置及汉化详细教程(零基础小白版)
2020/08/19 Python
纯HTML+CSS3制作导航菜单(附源码)
2013/04/24 HTML / CSS
Joie官方网上商店:购买服装和女装配饰
2018/06/05 全球购物
巴西葡萄酒商店:Divvino
2020/02/22 全球购物
Web Service面试题:如何搭建Axis2的开发环境
2012/06/20 面试题
教师自我评价范文
2013/12/16 职场文书
文秘大学生求职信
2014/02/25 职场文书
法定代表人资格证明书
2014/09/11 职场文书
材料员岗位职责
2015/02/10 职场文书
2016年企业安全生产月活动总结
2016/04/06 职场文书
合作意向书范本
2019/04/17 职场文书
在 Golang 中实现 Cache::remember 方法详解
2021/03/30 Python
学习nginx基础知识
2021/09/04 Servers
让JavaScript代码更加精简的方法技巧
2022/06/01 Javascript