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 相关文章推荐
尝试在让script的type属性等于text/html
Jan 15 Javascript
jquery放大镜效果超漂亮噢
Nov 15 Javascript
使用百度地图api实现根据地址查询经纬度
Dec 11 Javascript
jquery Validation表单验证使用详解
Sep 12 Javascript
jQuery实现简单的点赞效果
May 29 Javascript
jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果
Feb 15 Javascript
React复制到剪贴板的示例代码
Aug 22 Javascript
vue组件之间通信实例总结(点赞功能)
Dec 05 Javascript
Three.js中矩阵和向量的使用教程
Mar 19 Javascript
重学JS 系列:聊聊继承(推荐)
Apr 11 Javascript
Node.js 路由的实现方法
Jun 05 Javascript
微信小程序实现横向滚动导航栏效果
Dec 12 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
受疫情影响 动画《Re从零开始的异世界生活》第二季延期至7月
2020/03/10 日漫
第十节 抽象方法和抽象类 [10]
2006/10/09 PHP
php下过滤html代码的函数 提高程序安全性
2010/03/02 PHP
第五章 php数组操作
2011/12/30 PHP
PHP代码保护--Zend Guard的使用详解
2013/06/03 PHP
php 获取页面中指定内容的实现类
2014/01/23 PHP
thinkphp5.1框架中容器(Container)和门面(Facade)的实现方法分析
2019/08/05 PHP
laravel请求参数校验方法
2019/10/10 PHP
基于jquery的tab切换 js原理
2010/04/01 Javascript
js封装的textarea操作方法集合(兼容很好)
2010/11/16 Javascript
jquery.artwl.thickbox.js  一个非常简单好用的jQuery弹出层插件
2012/03/01 Javascript
jquery实现弹出层完美居中效果
2014/03/03 Javascript
JS判断文本框内容改变事件的简单实例
2014/03/07 Javascript
javascript对JSON数据排序的3个例子
2014/04/12 Javascript
javascript中sort()的用法实例分析
2015/01/30 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
2017/01/10 Javascript
javascript 玩转Date对象(实例讲解)
2017/07/11 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
2019/04/29 Javascript
JavaScript字符和ASCII实现互相转换
2020/06/03 Javascript
vue cli4.0项目引入typescript的方法
2020/07/17 Javascript
[02:32]DOTA2英雄基础教程 祸乱之源
2013/12/23 DOTA
Ubuntu 16.04 LTS中源码安装Python 3.6.0的方法教程
2016/12/27 Python
Python删除Java源文件中全部注释的实现方法
2017/08/30 Python
tensorflow的计算图总结
2020/01/12 Python
解决Python命令行下退格,删除,方向键乱码(亲测有效)
2020/01/16 Python
Python unittest基本使用方法代码实例
2020/06/29 Python
详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)
2020/08/07 Python
世界上最大的乐谱选择:Sheet Music Plus
2020/01/18 全球购物
应届生新闻编辑求职信
2013/11/19 职场文书
会计与出纳自荐书范文
2014/03/16 职场文书
医学生求职自荐书
2014/06/12 职场文书
“向国旗敬礼”主题班会活动设计方案
2014/09/27 职场文书
诚实守信主题班会
2015/08/13 职场文书
导游词之天津盘山
2019/11/01 职场文书
Pytorch distributed 多卡并行载入模型操作
2021/06/05 Python
HTML5 语义化标签(移动端必备)
2021/08/23 HTML / CSS