`

按Enter键有Tab键功能的js代码

 
阅读更多

直接放到需要应用的页面的js文件里

document.onkeydown=function(evt)
             {
               var isie = (document.all) ? true : false;
               var key;
               var srcobj;
               if (isie)
               {
                 key = event.keyCode;
                 srcobj=event.srcElement;
                 }
               else
               {
                 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 < form.elements.length; e++) {
                     if (field == form.elements[e])
                         break;
                   }
                   return form.elements[++e % form.elements.length];
                 } 

分享到:
评论

相关推荐

    Ext.net Enter实现Tab功能

    通过上述JavaScript代码,我们可以无缝地将Enter键的功能映射到Tab键上,从而提高用户在填写表单时的效率和体验。 ### 集成与测试 在实际应用中,为了确保这一功能的正确性和兼容性,开发者需要进行充分的测试。这...

    回车变成Tab的解决方案

    函数和网上的一些代码,弄了一个可以满足上述需求的解决方案,它的特性包括: &lt;br/&gt; 全部JavaScript代码都封装在了一个用户控件"EnterAsTab_SubPage.ascx"中,哪个页面想要回车变Tab或者屏蔽掉回车键只要把...

    TAB-Enter.rar_Tabú_enter

    例如,在Windows中,可以使用AutoHotkey脚本语言来创建宏,使得按下Tab键时触发Enter键的功能。AutoHotkey是一个强大的工具,可以通过编写简单的脚本来实现按键映射。 2. 浏览器扩展:对于网页应用,可以寻找浏览器...

    C# 键盘Enter键取代Tab键实现代码

    本篇文章将详细解析如何通过C#代码实现在Web应用中,用Enter键替代Tab键的功能。 首先,了解一点基础的HTML和JavaScript知识是必要的。在Web页面上,Enter键的键盘事件对应的键码是13,而Tab键的键码是9。我们要做...

    js键盘代码

    ### JavaScript键盘事件与按键代码详解 #### 一、概述 在网页开发中,键盘事件的处理是一项非常重要的功能。通过捕获用户输入的信息,开发者可以实现丰富的交互效果,例如快捷键响应、表单验证等。JavaScript 提供...

    Use the Enter Key Like a Tab

    标题“Use the Enter Key Like a Tab”提示我们讨论的主题是如何在编程环境中,特别是用户界面设计时,使用回车键(Enter)来模拟Tab键的功能。Tab键通常用于在表单或对话框中导航,从一个控件跳转到另一个控件。这...

    AOM中IE、Firefox兼容Enter代替Tab的Javascript

    总之,"AOM中IE、Firefox兼容Enter代替Tab的Javascript"涉及到使用JavaScript处理键盘事件,特别是回车键,以在不同的浏览器环境下实现类似Tab键的焦点切换功能,这有助于提升用户体验并确保无障碍访问。实现这样的...

    敲回车换Tab键2012

    本文将详细介绍一个简单的JavaScript脚本,该脚本的功能是在用户按下回车键(Enter键)时将其替换为Tab键的行为。这种技术在Web表单中非常有用,可以改善用户体验,避免用户在填写表单时意外提交表单。 #### 代码...

    回车键tabindex 获取焦点 enter

    当用户在网页中按下Tab键时,浏览器会按照`tabindex`的数值顺序将焦点从一个元素转移到下一个元素。`tabindex`值小的元素优先获得焦点,值相同时,浏览器通常按照元素在HTML源代码中的顺序处理。通过合理设置`...

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

    3. 编写JavaScript代码:在文档加载完毕后绑定一个事件处理器,监听键盘按下事件,并判断是否按下了回车键。如果是回车键,则阻止默认行为,并将焦点移动到下一个输入框。 ```javascript $(document).ready...

    js中键盘对应的key值

    使用这些键码,开发者可以监听键盘事件,并在用户按下特定键时执行相应的JavaScript代码。例如,你可以监听Enter键(keycode 13)来处理表单提交,或者使用Page Up和Page Down键(keycodes 33 和 34)来实现页面内容...

    jquery实现tab键进行选择后enter键触发click行为

    在这个特定的场景中,我们希望当用户使用 `Tab` 键在链接之间切换时,一旦选中某个链接,按下 `Enter` 键就能模拟鼠标点击的行为。这可以通过监听键盘事件并添加适当的逻辑来实现。 下面是一个简单的 `jQuery` 示例...

    JavaScript 键码 (键盘表)

    if (keyCode === 13) { // 如果用户按下的是 Enter 键 console.log("用户按下了 Enter 键"); } }); ``` 在这个例子中,我们监听了文档的 `keydown` 事件,并通过 `event.keyCode` 获取到了触发事件的按键的键码...

    键盘键值表.详细介绍键盘中每个按键对应的JS值

    这段代码将监听键盘按键事件,并在控制台打印出按下的键的名称。使用`event.keyCode`或`event.which`在旧版浏览器中也可以实现类似功能,但在现代Web开发中,`event.key`提供了更清晰、更一致的键名,是更推荐的做法...

    如何防止回车(enter)键提交表单

    在网页设计中,有时我们希望...总的来说,防止回车键提交表单主要是通过监听键盘事件并阻止回车键的默认行为,通过编写适当的JavaScript代码,你可以自定义表单在用户按下回车键时的行为,从而提供更友好的用户体验。

    asp.net ASPxTextBox等控件实现回车模拟Tab的 常用代码整理

    近期在做一个Web项目,我使用DevExpress第三方控件。 由于该控件使用技巧中文资料... 首先,得准备要模拟Tab的JS代码,这网上很多,我随便D了一个,试试有用,贴出如下: 代码如下://回车键模拟tab 在onkeydown中 func

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

    然而,有些场景下,开发者可能希望用户能够通过回车键(Enter键)来完成这个过程,特别是在移动端或者有特殊交互需求的项目中。本文将探讨如何在不支持IE浏览器的情况下,用JavaScript实现表单输入元素之间使用回车...

    Javascript对应的键盘码表

    键码(KeyCode)是一种用于标识按下键的数值代码,在键盘事件处理中非常有用。本文将详细介绍JavaScript中常用的键码及其含义。 #### 键码表 下面列出了一些常用的键码及其对应的键名和描述: - **0**:未定义 - ...

    Javascript键盘表

    - **9 = Tab**:表示制表键,通常用于跳转到下一个输入字段。 - **13 = Enter**:表示回车键,用于确认输入或执行指令。 - **16 = Shift_L**:表示左Shift键,用于输入大写字符或特殊符号。 - **17 = Control_L**:...

    键盘 keycode的值 javascript时触发事件

    #### JavaScript代码示例 下面通过一个简单的示例来展示如何使用`keyCode`获取用户按下按键的信息: ```javascript document.addEventListener('keydown', function(event) { console.log('KeyCode:', event....

Global site tag (gtag.js) - Google Analytics