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 相关文章推荐
动态添加option及createElement使用示例
Jan 26 Javascript
jQuery中odd选择器的定义和用法
Dec 23 Javascript
基于javascript实现图片预加载
Jan 05 Javascript
JavaScript基础教程——入门必看篇
May 20 Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 Javascript
通过封装scroll.js 获取滚动条的值
Jul 13 Javascript
详解Vue-axios 设置请求头问题
Dec 06 Javascript
vue中eslintrc.js配置最详细介绍
Dec 21 Javascript
微信小程序开发常见问题及解决方案
Jul 11 Javascript
Vue.js路由实现选项卡简单实例
Jul 24 Javascript
vue路由拦截器和请求拦截器知识点总结
Nov 08 Javascript
Vue组件模板的几种书写形式(3种)
Feb 19 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 Notice: Undefined index 错误提示解决方法
2010/08/29 PHP
可以用来调试JavaScript错误的解决方案
2010/08/07 Javascript
js实现目录定位正文示例
2013/11/14 Javascript
SeaJS入门教程系列之使用SeaJS(二)
2014/03/03 Javascript
nodejs 提示‘xxx’ 不是内部或外部命令解决方法
2014/11/20 NodeJs
JS或jQuery获取ASP.NET服务器控件ID的方法
2015/06/08 Javascript
详解nodejs 文本操作模块-fs模块(五)
2016/12/23 NodeJs
Bootstrap面板学习使用
2017/02/09 Javascript
JS实现DOM删除节点操作示例
2018/04/04 Javascript
关于vue中 $emit的用法详解
2018/04/12 Javascript
js中split()方法得到的数组长度问题
2018/07/19 Javascript
解决一个微信号同时支持多个环境网页授权问题
2019/08/07 Javascript
VueQuillEditor富文本上传图片(非base64)
2020/06/03 Javascript
Vue中的this.$options.data()和this.$data用法说明
2020/07/26 Javascript
前端使用crypto.js进行加密的函数代码
2020/08/16 Javascript
Python中用于去除空格的三个函数的使用小结
2015/04/07 Python
python使用正则表达式提取网页URL的方法
2015/05/26 Python
Python之日期与时间处理模块(date和datetime)
2017/02/16 Python
Ubuntu16.04/树莓派Python3+opencv配置教程(分享)
2018/04/02 Python
Python抽象和自定义类定义与用法示例
2018/08/23 Python
Pycharm新手教程(只需要看这篇就够了)
2019/06/18 Python
利用Python将多张图片合成视频的实现
2020/11/23 Python
深入理解HTML的FormData对象
2016/05/17 HTML / CSS
HEMA法国:荷兰原创设计
2019/02/21 全球购物
DC Shoes荷兰官方网站:美国极限运动品牌
2019/10/22 全球购物
Javascript如何发送一个Ajax请求
2015/01/26 面试题
教师业务学习制度
2014/01/25 职场文书
ktv中秋节活动方案
2014/01/30 职场文书
聚美优品广告词改编
2014/03/14 职场文书
商务英语专业求职信
2014/06/26 职场文书
幼儿园迎国庆65周年活动策划方案
2014/09/16 职场文书
学校政风行风自查自纠报告
2014/10/21 职场文书
刑事附带民事诉讼答辩状
2015/05/22 职场文书
在职证明书模板
2015/06/15 职场文书
浅谈PostgreSQL表分区的三种方式
2021/06/29 PostgreSQL
利用For循环遍历Python字典的三种方法实例
2022/03/25 Python