Javascript用回车键实现Tab键功能

最新推荐文章于 2024-05-28 15:47:14 发布

流浪狗

最新推荐文章于 2024-05-28 15:47:14 发布

阅读量610

点赞数

分类专栏： JavaScript 文章标签： javascript button html

本文链接：https://blog.csdn.net/linshiquan/article/details/3092867

版权

Javascript代码如下:

 
 <script language="javascript" for="document" event="onkeydown">
<!--
if(event.keyCode==13)
     event.keyCode=9;
-->
</script>
 

这样的处理方式,可以实现焦点往下移动,但对于按钮也起同样的作用,一般的客户在输入完资料以后,跳到按钮后,最好能直接按"回车"进行数据的提交.因此,对上面的方法要进行一下修改,应该对于"提交"按钮不进行焦点转移.而直接激活提交.

因此我对上面的代码进行了一个修改,即判断事件的"源",是否为提交按钮,代码如下:

<script language="javascript"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

流浪狗

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JS实现回车键的tab功能

jun_yuner的专栏

12-10

1947

概述：js实现回车键的tab功能function shiftfocus(){ var keychar; var formsNum; //forms var elemenstNum; // elemnets in every from var srcElemnetName; // scrElement var i,j,k; srcElemnetName=event.src

js 回车提交表单两种实现方法

10-27

js 回车提交一些新手朋友还是比较陌生的，本文介绍两种实现方法:jQuery方法、JavaScript方法,感兴趣的朋友可以研究下

参与评论您还未登录，请先登录后发表或查看评论

javascript回车完美实现tab切换功能

01-21

最经有一个项目是给化工厂做的在使用的过程中需要输入大量的数据，使用的都是小键盘区，在以前都是通过excel录入数据的现在，在网页上需要实现excel 那样的回车换行的功能在网上找了有关这方面的问题但是都不怎么好用，也有人提供了这方面的思路如何来做，经过本人的整理和测试，能够很好的解决这个问题：需要的条件 1，Jquery库地址可以到jquery.com官网上去下载最新的 2，查看界面表单的结构和相对应的表单位置以下是一些才是表单结构代码如下: <fieldset> <legend>登录表单</legend> <ol> <li> <asp:Label runat=”server” A

javascript用回车键实现Tab键功能

herolinfeng的专栏

03-25

868

用客户端脚本在页面添加document的onkeydown事件,让页面在接受到回车事件后,进行Tab键的功能,即只要把event的keyCode由13变为9 if(event.keyCode==13) event.keyCode=9;-->这样的处理方式,可以实现焦点往下移动,但对于按钮也起同样的作用,一般的客户在输入完资料以后,跳到按钮后,最好能直接按

js 回车提交

WEBCODE

08-11

180

1、JavaScript 方法： [javascript] <script> document.onkeydown=function(event){ e = event ? event :(window.event ? window.event : null); if(e.keyCode==13)...

js实现按回车自行提交

weixin_33912638的博客

03-03

256

<script type="text/javascript"> document.onkeydown = function (e) { var theEvent = window.event || e; var code = theEvent.keyCode || theEvent.which; ...

【js】回车提交功能

Tuling2020的博客

10-23

177

$(function() { $('#searchFrom input').bind('keyup', function (event) {/* 增加回车提交功能 */ if (event.keyCode == '13') { cx(); } });} 转载于:https://www.cnblogs.com/CESC4/p/...

表单切换，用回车键替换Tab健(不支持IE)

12-01

本文将探讨如何在不支持IE浏览器的情况下，用JavaScript实现表单输入元素之间使用回车键进行切换。首先，我们来看一下提供的HTML代码片段。这是一个简单的表单，包含五个输入元素（`<input>`）和一个提交按钮（`...

JavaScript代码实现回车键替换为Tab键功能

这个资源主要关注的是如何通过JavaScript实现一个功能：当用户按下回车键时，如果当前焦点不在按钮、提交、重置、文本区域或任何其他特定类型的输入元素上，那么将模拟Tab键的行为，使焦点自动移动到下一个表单元素...

【转】JS回车提交

weixin_33901641的博客

12-27

110

protected void Page_Load(object sender, EventArgs e) { this.Page.SetFocus(TextBox1);//设置焦点 } ------------------------------------------- protected void Page_Load(object sender, EventArgs e) { //回车后 Bu...

js 实现 Enter键实现Tab键功能

03-31

js 实现 Enter键实现Tab键功能! 值得下载看看!资源免费,大家分享!!

js 回车提交表单

东亮博客

07-10

4946

一、整个页面用一个回车提交事件： document.onkeydown = function(e){ if(!e) e = window.event;//火狐中是 window.event if((e.keyCode || e.which) == 13){ document.getElementById("auto"

vue，js，按下enter触发tab，按下回车模拟触发tab，vue回车切换到下一个input或select(回车代替tab功能)，回车自动下一行功能

最新发布

qq_22828225的博客

05-28

1242

【代码】vue，js，按下enter触发tab，按下回车模拟触发tab，vue回车切换到下一个input或select(回车代替tab功能)，回车自动下一行功能。

Enter实现Tab键的功能

solendo

10-30

1634

// 用途：enter 转化成tab//使用：onload ="initEnter2Tab()" form标记加上 ...var isCycle = false; //当光标到最后一个元素的时候，是否循环光标焦点，var iCurrent = -1;var frmName = "0"//input_form//function enterToTab() //网页里按回车时焦点的转移{

JS 回车!=提交

witkey_ak9896的博客

11-23

352

实现”回车!=提交”的问题，一般可以从”按钮的type类型” 和 “输入框个数”两处着手。默认情况下，单个输入框，无论按钮的type=”submit”还是type=”button”类型，回车即提交。 1.当type=”submit”时，无论有几个type=”text”输入框，回车均表示提交。（submit） 2.当type=”button”时，且存在多个输入框，回车不提交。（button）

JS Enter键实现Tab键功能,回车键实现tab功能

liu834189447的博客

10-10

2068

复制代码即可 <!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <form>