`
jiasongmao
  • 浏览: 661167 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

IE、Firefox兼容Enter代替Tab的Javascript

阅读更多
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];
                  } 

地址:http://www.cnblogs.com/winner/archive/2008/11/12/1331782.html
分享到:
评论
1 楼 鹤惊昆仑 2008-12-25  
document.createEvent

相关推荐

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

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

    Enter转换为Tab的小例子(兼容IE,Firefox)

    这个小例子就是关于如何用JavaScript实现这个功能,使其兼容IE和Firefox浏览器。 首先,我们需要监听键盘事件,以便在用户按下回车键时执行相应的操作。在JavaScript中,我们可以使用`document.onkeydown`来全局...

    火狐下window.event回车改Tab解决方案

    为了实现在Firefox下将回车键(Enter)事件转换成Tab键事件的功能,我们需要做以下几步: 1. **事件监听器**:首先需要设置一个全局的键盘按键监听器,用于捕获用户的所有键盘事件。 2. **判断事件类型**:通过`...

    清新淡雅的表单效果!兼容IE、FF、OP等浏览器

    本教程将探讨如何创建一款“清新淡雅”的表单效果,并确保其在不同浏览器间具有良好的兼容性,包括Internet Explorer(IE)、Firefox(FF)以及Opera(OP)。 一、表单设计基础 1. HTML结构:构建表单的基础是HTML...

    firefox-new-container-tab:在任何Firefox容器中快速打开新标签页

    在Firefox容器中打开新标签页很麻烦-您必须按下新标签页按钮,或者记住晦涩难懂的有限快捷方式。 “新建容器”选项卡更改为:使用快捷键Ctrl + Shift +逗号,搜索容器名称,然后按Enter。 此外,容器搜索框会自动...

    Enter回车切换输入焦点实现思路与代码兼容各大浏览器

    在本主题中,我们将深入探讨如何实现一个Enter回车键切换输入焦点的功能,并确保兼容各大浏览器,包括IE、Firefox、Chrome等。这个功能在表单填写时特别有用,能够提高用户的操作效率。 一、实现思路 1. 监听键盘...

    javascript 验证大全

    `getElementById` 是一个在所有现代浏览器中都支持的方法,而 `document.all` 是IE特有,所以当 `getElementById` 存在但 `document.all` 不存在时,表明浏览器是Firefox。 2. **键盘事件处理**:`Enter2Tab` 函数...

    下拉导航挺不错的可兼容性强hover_drop_2.zip

    1. 浏览器兼容:确保代码能在主流浏览器(如Chrome、Firefox、Safari、Edge)以及较旧版本的浏览器中正常工作。 2. CSS兼容性:使用跨浏览器的CSS属性,如使用 `-webkit-`、`-moz-`、`-ms-` 前缀来支持不同浏览器的...

    网页模板——jquery实现的tab标签鼠标经过自动切换选项卡特效源码.zip

    7. **兼容性考虑**:虽然jQuery库在大多数现代浏览器中运行良好,但为了确保广泛的兼容性,还需要测试在不同浏览器(如Chrome、Firefox、Safari、Edge和旧版IE)下的表现。 8. **响应式设计**:如果网页模板是响应...

    文本框中,回车键触发事件的js代码[多浏览器兼容]

    标题“文本框中,回车键触发事件的js代码[多浏览器兼容]”所指的知识点涉及JavaScript脚本编程,在网页中如何捕捉和处理回车键的按键事件,以及如何确保该事件处理在不同的浏览器(如IE和Firefox)中均能正确运行。...

    070823更新的一个[消息提示框]组件 兼容ie7

    - **跨浏览器兼容性**:除了初始针对IE6.0的优化,更新后的组件也支持Firefox 2.0,确保在主流浏览器上的良好运行。虽然未测试其他浏览器,但其目标是满足大部分用户的兼容性需求。 - **多皮肤支持**:组件内置了...

    修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交

    一开始尝试的解决方案是将“keydown”事件改为“keyup”事件,这在某种程度上能解决中文输入匹配的问题,但会破坏插件中如回车(ENTER)、制表符(TAB)等其他重要键位的事件绑定机制。比如在表单内的输入框中,...

    JAVASCRIPT验证大全

    - `IsFireFox`变量用于判断当前浏览器是否为Firefox,以便适配不同的事件处理方式。 - 只有当输入框类型为文本、密码、单选按钮或下拉列表时才生效。 ##### 3. Ajax请求处理 ```javascript // Ajax请求处理 ...

    【消息提示组件】,兼容IE6/7&amp;&amp;FF2

    - **浏览器支持**:支持Internet Explorer 6 和 Firefox 2.0,确保了广泛的兼容性,满足大多数用户的浏览器环境。 - **未测试浏览器**:虽然未在其他浏览器上进行测试,但根据当时的市场环境,IE6 和 FF2 已经覆盖了...

    Dialog.js 最新版 绝对强大

    这个最新版本的Dialog.js 提供了先进的特性和优化,使其在各种浏览器环境下表现卓越,包括Firefox、Internet Explorer 6、7、8以及Opera等主流浏览器。它使得在网页中添加交互式对话框变得简单而高效,无论是在用户...

    jquery Tab 选项卡通用函数

    - **兼容性**:支持各种主流浏览器,包括 IE6.0+、Firefox、Safari、Google Chrome 以及 Opera 等。 ##### 2. 类选择器 - **定义**:类选择器(Class Selector)是 CSS 中的一种选择器,用于选取具有指定类名的元素...

    JS自动补全下拉框代码

    提到的代码已测试过IE6、IE8和Firefox,表明其具备一定的浏览器兼容性。在实际开发中,还需要考虑其他现代浏览器,如Chrome、Safari和Edge,以及移动设备上的浏览器。 6. **AJAX集成**: 虽然此代码示例未包含...

    基于Jquery的实现回车键Enter切换焦点

    本例中强调了代码在多个浏览器中的兼容性,包括IE7, IE8, Firefox3, Chrome2和Safari4。JQuery库的一大优势就是简化了跨浏览器的兼容性问题。 ### 知识点九:CSS类选择器 在本例中,页面中的`&lt;input&gt;`元素被赋予了...

    artDialog_Demo

    12、修复Firefox调大对话框拖帧的现象 13、修复拖动对话框时候可能因鼠标置入iframe窗口而导致鼠标被粘住的问题 14、修复了内部$.newId方法的一处错误,特定情况下导致定义了ID的对话框无法弹出 15、删除脚本对...

    按钮下带图标菜单

    这可能需要测试并适配不同的浏览器环境,如Chrome、Firefox、Safari等。 9. **性能优化**:为了提供流畅的用户体验,需要考虑性能优化,如延迟加载菜单内容,减少不必要的网络请求,以及使用高效的算法来处理用户...

Global site tag (gtag.js) - Google Analytics