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复选框CHECKBOX全选、反选
Aug 30 Javascript
js 点击按钮弹出另一页,选择值后,返回到当前页
May 26 Javascript
js中有关IE版本检测
Jan 04 Javascript
使用PHP+JQuery+Ajax分页的实现
Apr 23 Javascript
JS下拉缓冲菜单示例代码
Aug 30 Javascript
jQuery中常用动画效果函数(日常整理)
Sep 17 Javascript
详解js界面跳转与值传递
Nov 22 Javascript
vue动态路由:路由参数改变,视图不更新问题的解决
Nov 05 Javascript
vue中实现高德定位功能
Dec 03 Javascript
详解JavaScript中的数据类型,以及检测数据类型的方法
Sep 17 Javascript
基于Cesium绘制抛物弧线
Nov 18 Javascript
vue实现购物车的小练习
Dec 21 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
PHP array_push 数组函数
2009/12/26 PHP
提高PHP编程效率的53个要点(经验小结)
2010/09/04 PHP
探讨php中防止SQL注入最好的方法是什么
2013/06/10 PHP
php表单处理操作
2017/11/16 PHP
php curl操作API接口类完整示例
2019/05/21 PHP
Extjs中常用表单介绍与应用
2010/06/07 Javascript
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
2010/07/13 Javascript
JS下拉缓冲菜单示例代码
2013/08/30 Javascript
简单的Jquery遮罩层代码实例
2013/11/14 Javascript
父节点获取子节点的字符串示例代码
2014/02/26 Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
2014/05/01 Javascript
javascript中利用柯里化函数实现bind方法【推荐】
2016/04/29 Javascript
js小数计算小数点后显示多位小数的实现方法
2016/05/30 Javascript
js 弹出对话框(遮罩)透明,可拖动的简单实例
2016/07/11 Javascript
Javascript动画效果(3)
2016/10/11 Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
2018/01/23 jQuery
webpack+vuex+axios 跨域请求数据的示例代码
2018/03/06 Javascript
js前端面试之同步与异步问题详解
2019/04/03 Javascript
layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法
2019/09/25 Javascript
Python极简代码实现杨辉三角示例代码
2016/11/15 Python
完美解决Python 2.7不能正常使用pip install的问题
2018/06/12 Python
python3.6的venv模块使用详解
2018/08/01 Python
Python如何实现强制数据类型转换
2019/11/22 Python
opencv 实现特定颜色线条提取与定位操作
2020/06/02 Python
River Island美国官网:英国高街时尚品牌
2018/09/04 全球购物
WatchShop法国:英国排名第一的独立手表零售商
2020/02/17 全球购物
俄罗斯达美乐比萨外送服务:Domino’s Pizza
2020/12/18 全球购物
畜牧兽医本科生个人的自我评价
2013/10/11 职场文书
数控技术学生的自我评价
2014/02/15 职场文书
设计师求职信
2014/07/01 职场文书
汉语专业毕业生自荐信
2014/07/06 职场文书
护士长2014年终工作总结
2014/11/11 职场文书
通报表扬范文
2015/01/17 职场文书
社区服务理念口号
2015/12/25 职场文书
python非标准时间的转换
2021/07/25 Python
Python first-order-model实现让照片动起来
2022/06/25 Python