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

IE 和Firefox完全兼容的Tab代替Enter的Javascript代码

阅读更多

声明:该博文转载于博客园:http://www.cnblogs.com/lincats/archive/2008/06/19/1226024.html

 

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];
                 }
 
分享到:
评论

相关推荐

    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. 监听键盘...

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

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

    下拉导航挺不错的可兼容性强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. **响应式设计**:如果网页模板是响应...

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

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

    javascript 验证大全

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

    JS自动补全下拉框代码

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

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

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

    Dialog.js 最新版 绝对强大

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

    JAVASCRIPT验证大全

    - 兼容IE和现代浏览器,确保了代码的广泛适用性。 - 返回`XMLHttpRequest`对象或`ActiveXObject`对象,方便后续的请求发送与结果处理。 ##### 4. 用户名格式验证 ```javascript // 用户名格式验证 function ...

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

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

    按钮下带图标菜单

    键盘导航也是一个重要的考虑因素,确保用户可以通过Tab键和Enter键操作菜单。 7. **代码结构**:源码通常包含HTML文件定义结构,CSS文件负责样式,而JavaScript文件处理交互逻辑。保持良好的代码组织和模块化,可以...

    jquery Tab 选项卡通用函数

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

    仿旅游网站城市智能选择插件

    7. **适配性和兼容性**:插件需要兼容各种主流浏览器,包括Chrome、Firefox、Safari、Edge等,并确保在不同版本的浏览器上表现一致。这需要对CSS前缀、JavaScript语法特性以及浏览器API的兼容性有深入理解。 8. **...

    网页中的选项卡网页中的选项卡

    6. **兼容性**:考虑到浏览器的多样性,要确保选项卡功能在主流浏览器(如Chrome、Firefox、Safari、Edge等)中都能正常工作。 7. **性能优化**:只有在用户切换到特定选项卡时才加载相应的内容,以减少首次加载时...

Global site tag (gtag.js) - Google Analytics