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 相关文章推荐
线路分流自动跳转代码;希望对大家有用!
Dec 02 Javascript
JavaScript.The.Good.Parts阅读笔记(一)假值与===运算符
Nov 16 Javascript
浅谈关于JavaScript的语言特性分析
Apr 11 Javascript
封装了jQuery的Ajax请求全局配置
Feb 05 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
Oct 31 Javascript
JS简单生成随机数(随机密码)的方法
May 11 Javascript
改变vue请求过来的数据中的某一项值的方法(详解)
Mar 08 Javascript
layui-laydate时间日历控件使用方法详解
Nov 15 Javascript
详解使用angular框架离线你的应用(pwa指南)
Jan 31 Javascript
微信接入之获取用户头像的方法步骤
Sep 23 Javascript
利用原生JS实现欢乐水果机小游戏
Apr 23 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 jQuery
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中可能用来加密字符串的函数[base64_encode、urlencode、sha1]
2012/01/16 PHP
PHP判断文件是否存在、是否可读、目录是否存在的代码
2012/10/03 PHP
yii2框架中使用下拉菜单的自动搜索yii-widget-select2实例分析
2016/01/09 PHP
PHP与Ajax相结合实现登录验证小Demo
2016/03/16 PHP
理清PHP在Linxu下执行时的文件权限方法
2017/06/07 PHP
PHP实现mysqli批量执行多条语句的方法示例
2017/07/22 PHP
ThinkPHP6.0如何利用自定义验证规则规范的实现登陆
2020/12/16 PHP
TNC vs IO BO3 第二场2.13
2021/03/10 DOTA
表单内同名元素的控制
2006/11/22 Javascript
一句话JavaScript表单验证代码
2009/08/02 Javascript
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
2013/01/23 Javascript
js获取input长度并根据页面宽度设置其大小及居中对齐
2014/08/22 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
2015/09/09 Javascript
基于JavaScript创建动态Dom
2015/12/08 Javascript
nodejs搭建本地http服务器教程
2017/03/13 NodeJs
关于jQuery.ajax()的jsonp碰上post详解
2017/07/02 jQuery
微信小程序之数据缓存的实例详解
2017/09/29 Javascript
webpack中的热刷新与热加载的区别
2018/04/09 Javascript
从零搭一个自用的前端脚手架的方法步骤
2019/09/23 Javascript
[03:04]DOTA2英雄基础教程 影魔
2013/12/11 DOTA
Python中type的构造函数参数含义说明
2015/06/21 Python
机器学习python实战之决策树
2017/11/01 Python
Python给你的头像加上圣诞帽
2018/01/04 Python
Python3使用正则表达式爬取内涵段子示例
2018/04/22 Python
Python简单处理坐标排序问题示例
2019/07/11 Python
python实现的生成word文档功能示例
2019/08/23 Python
Python3 合并二叉树的实现
2019/09/30 Python
python实现局域网内实时通信代码
2019/12/22 Python
python实现udp传输图片功能
2020/03/20 Python
python工具快速为音视频自动生成字幕(使用说明)
2021/01/27 Python
css3的transition属性详解
2014/12/15 HTML / CSS
鞋子女王塔玛拉·梅隆同名奢侈品牌:Tamara Mellon
2017/11/22 全球购物
厂长助理岗位职责
2013/12/27 职场文书
前台接待员岗位职责
2014/01/02 职场文书
教师自我剖析材料(群众路线)
2014/09/29 职场文书
Spring Boot 实现敏感词及特殊字符过滤处理
2021/06/29 Java/Android