首页 web前端 js教程 基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )_jquery

基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )_jquery

May 16, 2016 pm 06:16 PM
tab 回车

第一种方法:

复制代码 代码如下:

$(document).ready(function () {
$(':input:text:first').focus();
$(':input:enabled').addClass('enterIndex');
// get only input tags with class data-entry
textboxes = $('.enterIndex');
// now we check to see which browser is being used
if ($.browser.mozilla) {
$(textboxes).bind('keypress', CheckForEnter);
} else {
$(textboxes).bind('keydown', CheckForEnter);
}
});
function CheckForEnter(event) {
if (event.keyCode == 13 && $(this).attr('type') != 'button' && $(this).attr('type') != 'submit' && $(this).attr('type') != 'textarea' && $(this).attr('type') != 'reset') {
var i = $('.enterIndex').index($(this));
var n = $('.enterIndex').length;
if (i if ($(this).attr('type') != 'radio')
{
NextDOM($('.enterIndex'),i);
}
else {
var last_radio = $('.enterIndex').index($('.enterIndex[type=radio][name=' + $(this).attr('name') + ']:last'));
NextDOM($('.enterIndex'),last_radio);
}
}
return false;
}
}
function NextDOM(myjQueryObjects,counter) {
if (myjQueryObjects.eq(counter+1)[0].disabled) {
NextDOM(myjQueryObjects, counter + 1);
}
else {
myjQueryObjects.eq(counter + 1).trigger('focus');
}
}

方法二(转载网络)
复制代码 代码如下:

document.onkeydown = function(evt) {
var isie = (document.all) ? true : false;
var key;
var srcobj;
alert(isie);
if (isie) {
key = event.keyCode;
srcobj = event.srcElement;
}
else {
alert(evt);
key = evt.which;
srcobj = evt.target;
}
if (key == 13 && srcobj.type != 'button' && srcobj.type != 'submit' && srcobj.type != 'reset' && srcobj.type != 'textarea' && srcobj.type != '') {
if (isie) {
event.keyCode = 9;
}
else {
var el = getNextElement(evt.target);
if (el.type != 'hidden')
el.focus();
else
while (el.type == 'hidden')
el = getNextElement(el);
el.focus();
return false;
}
}
}
document.onkeyup = function(evt) {
var isie = (document.all) ? true : false;
var key;
var srcobj;
alert(isie);
if (isie) {
key = event.keyCode;
srcobj = event.srcElement;
}
else {
alert(evt);
key = evt.which;
srcobj = evt.target;
}
if (key == 13 && srcobj.type != 'button' && srcobj.type != 'submit' && srcobj.type != 'reset' && srcobj.type != 'textarea' && srcobj.type != '') {
if (isie) {
event.keyCode = 9;
}
else {
var el = getNextElement(evt.target);
if (el.type != 'hidden')
el.focus();
else
while (el.type == 'hidden')
el = getNextElement(el);
el.focus();
return false;
}
}
}
function getNextElement(field) {
var form = field.form;
for (var e = 0; e if (field == form.elements[e])
break;
}
return form.elements[++e % form.elements.length];
}

function document.onkeydown() {
var e = event.srcElement;
if (event.keyCode == 13 && e.tagName == "INPUT" && e.type == "text")
event.keyCode = 9;
}
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

仓库:如何复兴队友
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

解决CentOS7的Tab键无法补全命令问题 解决CentOS7的Tab键无法补全命令问题 Jan 17, 2024 pm 01:30 PM

今天在centOS上做实验,发现之前在Ubuntu下使用的比较习惯的tab键补全命令的方式不能使用,于是非常好奇,经过查找资料并亲自测试,将可行的解决方式记录如下:1)首先需要在终端中运行如下命令:#yuminstallbash-completion//也可以使用通配符安装:yuminstallbash-c*或者你可以安装一些初始化的包组yum-ygroupinstallBaseCompatibilitylibrariesDebuggingToolsDial-upNetworkingsupppo

Vue 中如何实现 tab 组件及多标签页? Vue 中如何实现 tab 组件及多标签页? Jun 25, 2023 am 09:33 AM

随着前端技术的不断更新,Vue作为一款流行的前端框架,已经成为很多开发者的首选。在实际项目中,常常需要使用tab组件以及多标签页来实现不同功能模块的切换和管理。在本文中,我们将介绍如何利用Vue实现一个简单的tab组件以及多标签页。一、实现一个简单的tab组件创建Tab.vue组件在项目中创建一个Tab.vue的组件,用于显示ta

java怎么读取回车 java怎么读取回车 Mar 22, 2024 pm 04:57 PM

在 Java 中,回车通常由换行符表示。Windows 系统中使用 "\r\n" 表示回车换行,而 Unix/Linux 系统中则使用 "\n"。读取包含回车的文本时,Java将这些字符视为普通字符。可以使用 BufferedReader 或 Scanner 类从输入流中读取文本,直到遇到回车换行符。

vue实现tab三种方式是什么 vue实现tab三种方式是什么 Jan 29, 2023 pm 02:49 PM

vue实现tab三种方式:1、通过“v-show”控制tab内容切换;2、通过vue中is的特性和“keep-alive”缓存实现tab切换;3、通过“router-link”实现路由切换。

java怎样用回车继续输入 java怎样用回车继续输入 Mar 25, 2024 am 10:23 AM

在 Java 中,Scanner 类可用于实现回车继续的功能。该类从标准输入中读取用户输入。以下示例展示了如何使用 Scanner 类实现此功能: ```java import java.util.Scanner; public class ContinueOnEnter { public static void main(String[] args) { Scanner scanner = new Scanner(System.in); Syste

alt tab切换不了界面什么原因 alt tab切换不了界面什么原因 Mar 09, 2023 pm 02:11 PM

alt tab切换不了界面的原因是此命令被禁用,其解决办法:1、打开电脑,点击开始菜单,选择运行指令;2、在开始右侧的空白栏中输入“regedit”后,点击确定;3、进入到注册表管理器,找到“AltTabSettings”选项;4、双击“AltTabSettings”,在打开的选项中修改数值数据为“00000001”,点击“确认”即可。

Win10检测出威胁但清除不掉怎么办 Win10检测出威胁但清除不掉怎么办 Feb 20, 2024 am 08:06 AM

近期有用户报告在对系统进行安全扫描时发现一些无法清除的威胁。这可能是由于恶意软件采取了隐蔽的手段,导致清除困难。解决此问题的方法包括更新杀毒软件、使用安全模式运行扫描、手动清除威胁等。建议尝试不同的方法,或者寻求专业帮助,以确保系统的安全性。解决方法:1、”win+R”快捷键开启运行,输入”regedit”回车打开。2、进入到注册表编辑器界面后,将”HKEY_LOCAL_MACHINESoftwarePoliciesMicrosoftWindow

RedMagic 公布了其新款游戏平板电脑的更多规格 RedMagic 公布了其新款游戏平板电脑的更多规格 Sep 01, 2024 am 06:34 AM

第二款 RedMagic 游戏平板将于 9 月 5 日全面亮相。最近在安兔兔上的跑分显示,它将采用 Snapdragon 8 Gen 3 领先版本,使其与该公司最新的 Android 智能手机 9S Pr 一样强大。

See all articles