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 相关文章推荐
jQuery动画animate方法使用介绍
May 06 Javascript
js动态修改整个页面样式达到换肤效果
May 23 Javascript
JS给Textarea文本框添加行号的方法
Aug 20 Javascript
javascript生成随机数方法汇总
Nov 12 Javascript
Node.js Addons翻译(C/C++扩展)
Jun 12 Javascript
AngularJS中过滤器的使用与自定义实例代码
Sep 17 Javascript
微信小程序 数据交互与渲染实例详解
Jan 21 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
Mar 02 Javascript
Node.JS文件系统解析实例详解
May 15 Javascript
jQuery插件imgAreaSelect基础讲解
May 26 jQuery
实例讲解v-if和v-show的区别
Jan 31 Javascript
如何使用 vue-cli 创建模板项目
Nov 19 Vue.js
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
修改Zend引擎实现PHP源码加密的原理及实践
2008/04/14 PHP
PHP命名空间(Namespace)的使用详解
2013/05/04 PHP
ThinkPHP验证码和分页实例教程
2014/08/22 PHP
php实现递归的三种基本方式
2020/07/04 PHP
在WordPress中安装使用视频播放器插件Hana Flv Player
2016/01/04 PHP
基于jQuery的树控件实现代码(asp.net+json)
2010/07/11 Javascript
node.js入门教程
2014/06/01 Javascript
鼠标悬浮停留三秒后自动显示大图js代码
2014/09/09 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
Javascript中的Prototype到底是什么
2016/02/16 Javascript
jQuery实现iframe父窗体和子窗体的相互调用
2016/06/17 Javascript
Vue实现购物车场景下的应用
2017/11/27 Javascript
微信小程序实现手指触摸画板
2018/07/09 Javascript
区别JavaScript函数声明与变量声明
2018/09/12 Javascript
JS函数参数的传递与同名参数实例分析
2020/03/16 Javascript
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
2020/05/13 Javascript
Python对象类型及其运算方法(详解)
2017/07/05 Python
Python数据结构与算法之链表定义与用法实例详解【单链表、循环链表】
2017/09/28 Python
Python之reload流程实例代码解析
2018/01/29 Python
python 将大文件切分为多个小文件的实例
2019/01/14 Python
python矩阵/字典实现最短路径算法
2019/01/17 Python
python 阶乘累加和的实例
2019/02/01 Python
Python利用lxml模块爬取豆瓣读书排行榜的方法与分析
2019/04/15 Python
python中比较两个列表的实例方法
2019/07/04 Python
python经典趣味24点游戏程序设计
2019/07/26 Python
如何为Python终端提供持久性历史记录
2019/09/03 Python
Python异常模块traceback用法实例分析
2019/10/22 Python
Python调用C/C++的方法解析
2020/08/05 Python
商场总经理岗位职责
2014/02/03 职场文书
毕业自我评价
2014/02/05 职场文书
2015年学校体育工作总结
2015/04/22 职场文书
2015年度团总支工作总结
2015/04/23 职场文书
python3使用diagrams绘制架构图的步骤
2021/04/08 Python
一篇文章学会Vue中间件管道
2021/06/20 Vue.js
详细了解java监听器和过滤器
2021/07/09 Java/Android
uniapp 微信小程序 自定义tabBar 导航
2022/04/22 Javascript