`

用Enter代替Tab

阅读更多
转自:http://hi.baidu.com/_ollie/blog/item/9722df133d3d26d8f7039e95.html

ExtJs中實現Enter鍵代替Tab鍵 javascript
2009/03/28 15:59
近来客户有提出需求,就是尽量减少表单输入时的鼠标动作。
那么就涉及到像CS中的Enter键跳转下一有效位的问题。 从网上有收到很多关于JS的相关解决方案。 但是其下的处理方式就能达到我的需求。 很好的,也可以作为其他JS相关功能的参考
var run = function() {
    var all = Ext.query('input[type!=hidden]'); // 查找所有非隱藏元素
    Ext.each(all, function(o, i, all) { // 遍曆並添加enter的監聽
                Ext.get(o).addKeyMap({
                    key : 13,
                    fn : function() {
                        try {
                            all[i + 1].focus()
                        } catch (e) {
                            event.keyCode = 9
                        }
                        if (all[i + 1]
                                && /button|reset|submit/.test(all[i + 1].type))
                            all[i + 1].click(); // 如果點擊則觸發click事件

                        return true;
                    }
                })
            });
    Ext.getBody().focus(); // 使頁面獲取焦點,否則下面設定默認焦點的功能不靈驗

    try {
        var el;
        if (typeof eval(xFocus) == 'object') { // 如果傳入的是id或dom節點
            el = Ext.getDom(xFocus).tagName == 'input'
                    ? Ext.getDom(xFocus)
                    : Ext.get(xFocus).first('input', true); // 找到input框
        } else {
            el = all[xFocus || 0]; // 通過索引號找
        }
        el.focus();
    } catch (e) {
    }
}
Ext.isReady ? run() : Ext.onReady(run); // 頁面加載完成後添加表單導航
分享到:
评论

相关推荐

    用Enter键代替Tab键

    标题"用Enter键代替Tab键"涉及到一个组件的使用,这个组件可以让用户通过按下Enter键或者上下箭头键来改变控件的焦点,而不是传统的使用Tab键进行切换。这在某些情况下能提高用户体验,特别是对于那些不习惯或不方便...

    用回车键代替TAB。

    用回车键代替TAB。

    js 实现 Enter键实现Tab键功能

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

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

    "AOM中IE、Firefox兼容Enter代替Tab的Javascript"这个主题关注的是如何在不同的浏览器环境中,尤其是IE和Firefox中,使用JavaScript实现按下回车键(Enter)时模拟Tab键的效果,以实现元素间的焦点切换。 首先,我们...

    Delphi回车键代替Tab 键

    但在某些特定场景下,比如在数据录入密集型的应用中,使用回车键来代替Tab键进行切换可以提高用户的操作效率。在Delphi中,我们可以利用事件处理机制轻松实现这个功能。 ### 二、关键技术点 #### 1. KeyPreview...

    Enter键代替Tab键移动焦点的组件

    标题中的“Enter键代替Tab键移动焦点的组件”是指一种特殊设计的软件组件,主要用于Delphi开发环境。这种组件允许用户在操作窗体时,通过按下回车键或上下方向键来实现原本由Tab键执行的焦点切换功能,提供了一种...

    enter to tab

    enter键替换tab键!JS文件,使用时需要初始化,各标签最好能标识TableIndex更容易控制,具体操作可参考我的博客文章

    在填寫表單時用回車[Enter]代替[Tab]

    3. 为何用回车代替Tab: - 用户习惯:许多人更倾向于使用回车来移动焦点,因为他们在日常生活中经常使用回车来确认或执行操作,如在文本编辑器中换行。因此,使用回车作为表单导航可以减少学习曲线,提高用户满意度...

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

    在上述代码示例中,我们看到了一个用JavaScript实现的方案,用于将回车键事件转换为表单元素的焦点切换。这段代码的工作原理如下: 1. 首先,通过`document.getElementsByTagName("input")`获取所有输入元素(input...

    C# Tab键转Enter键,限制输入数字

    在C#编程中,有时我们需要实现用户界面(UI)交互的特定行为,比如将Tab键的行为替换为Enter键,同时限制用户只能输入数字。这样的需求常见于数据输入表单,确保用户按照预期的方式操作,避免非数字字符的输入。本文...

    在intraweb中实现回车键代替Tab键

    在 Intraweb 开发环境中,实现用户通过按下回车键(Enter)来模拟Tab键的功能,可以提升Web应用程序的交互体验。Intraweb 是一个用于构建动态Web应用程序的组件库,它允许开发者使用 Delphi 技术进行服务器端编程。...

    javascript 回车替换成TAB的脚本

    ### JavaScript 实现回车键替换为 Tab 键 在网页表单输入中,有时我们希望用户在填写完一个输入框后能自动跳转到下一个输入框,而不是直接提交表单。这种情况下,将用户的回车键操作转换为 Tab 锵的操作会非常有用...

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

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

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

    第一种方法: 代码如下: $(document).ready(function () { $(‘:input:text:first’).focus(); $(‘:input:enabled’).addClass(‘enterIndex’); // get only input tags with class data-entry textboxes = $(‘....

    敲回车换Tab键2012

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

    wpf telerik tab替换为回车,用户回车时,进入下一个可编辑格,而不是下一行

    ### WPF Telerik Tab 替换为回车:用户回车时进入下一个可编辑格 在WPF(Windows Presentation Foundation)应用程序开发中,Telerik控件因其丰富的功能和良好的用户体验而被广泛采用。本文将详细介绍如何在Telerik...

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

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

    利用Enter键实现表单组件焦点的移动.pdf

    当一个表单上有若干个组件的时候,我们通常会使用Tab键来实现组件间焦点的移动,但是,在证券、银行等行业中,相关的业务操作人员往往习惯于使用小键盘,对他们来说,使用Enter键比使用Tab键要方便得多。 在浏览器...

    TaskOne.rar_Table

    "用Enter键代替table键来实现焦点转换"这一设计思路,旨在提供一种不同的交互方式。Enter键通常用于执行一个操作,例如提交表单或者打开链接。但在这种情况下,我们利用JavaScript或其他前端技术来监听Enter键的按下...

Global site tag (gtag.js) - Google Analytics