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 相关文章推荐
js getBoundingClientRect() 来获取页面元素的位置
Nov 25 Javascript
Javascript动态绑定事件的简单实现代码
Dec 25 Javascript
JavaScript 5 新增 Array 方法实现介绍
Feb 06 Javascript
如何用js控制frame的隐藏或显示的解决办法
Mar 20 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
Apr 08 Javascript
用js调用迅雷下载代码的二种方法
Apr 15 Javascript
JS实现距离上次刷新已过多少秒示例
May 23 Javascript
jQuery检测滚动条是否到达底部
Dec 15 Javascript
js和jquery实现监听键盘事件示例代码
Jun 24 Javascript
js 颜色选择插件
Jan 23 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
Dec 25 Javascript
Vue实现简单购物车功能
Dec 13 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
新闻分类录入、显示系统
2006/10/09 PHP
完美实现GIF动画缩略图的php代码
2011/01/02 PHP
php遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
PHP之十六个魔术方法详细介绍
2016/11/01 PHP
php简单构造json多维数组的方法示例
2017/06/08 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
微信公众平台开发教程⑥ 微信开发集成类的使用图文详解
2019/04/10 PHP
在laravel中实现ORM模型使用第二个数据库设置
2019/10/24 PHP
PHP随机生成中文段落示例【测试网站内容时使用】
2020/04/26 PHP
JavaScript中出现乱码的处理心得
2009/12/24 Javascript
javascript移出节点removeChild()使用介绍
2014/04/03 Javascript
JavaScript中的函数嵌套使用
2015/06/04 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
2017/02/20 Javascript
React应用中使用Bootstrap的方法
2017/08/15 Javascript
从源码看angular/material2 中 dialog模块的实现方法
2017/10/18 Javascript
使用vue-router为每个路由配置各自的title
2018/07/30 Javascript
JS对象属性的检测与获取操作实例分析
2020/03/17 Javascript
详细分析Node.js 模块系统
2020/06/28 Javascript
基于vue实现微博三方登录流程解析
2020/11/04 Javascript
[01:38:19]夜魇凡尔赛茶话会 第五期
2021/03/11 DOTA
Python中的ConfigParser模块使用详解
2015/05/04 Python
Python正则获取、过滤或者替换HTML标签的方法
2016/01/28 Python
python中Apriori算法实现讲解
2017/12/10 Python
python根据文章标题内容自动生成摘要的实例
2019/02/21 Python
Python3实现的回文数判断及罗马数字转整数算法示例
2019/03/27 Python
Python时间序列缺失值的处理方法(日期缺失填充)
2019/08/11 Python
python中的线程threading.Thread()使用详解
2019/12/17 Python
CSS3制作苹果风格键盘特效
2015/02/26 HTML / CSS
亚马逊加拿大网站:Amazon.ca
2020/01/06 全球购物
机电一体化职业规划书
2014/01/07 职场文书
文明青少年标兵事迹材料
2014/01/28 职场文书
公务员转正考察材料
2014/02/07 职场文书
小学评语大全
2014/04/22 职场文书
美术兴趣小组活动总结
2014/07/07 职场文书
一篇合格的广告文案,其主要目的是什么?
2019/07/12 职场文书
python绘制简单直方图(质量分布图)的方法
2022/04/21 Python