声明:该博文转载于博客园: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"这个主题关注的是如何在不同的浏览器环境中,尤其是IE和Firefox中,使用JavaScript实现按下回车键(Enter)时模拟Tab键的效果,以实现元素间的焦点切换。 首先,我们...
这个小例子就是关于如何用JavaScript实现这个功能,使其兼容IE和Firefox浏览器。 首先,我们需要监听键盘事件,以便在用户按下回车键时执行相应的操作。在JavaScript中,我们可以使用`document.onkeydown`来全局...
为了实现在Firefox下将回车键(Enter)事件转换成Tab键事件的功能,我们需要做以下几步: 1. **事件监听器**:首先需要设置一个全局的键盘按键监听器,用于捕获用户的所有键盘事件。 2. **判断事件类型**:通过`...
本教程将探讨如何创建一款“清新淡雅”的表单效果,并确保其在不同浏览器间具有良好的兼容性,包括Internet Explorer(IE)、Firefox(FF)以及Opera(OP)。 一、表单设计基础 1. HTML结构:构建表单的基础是HTML...
在Firefox容器中打开新标签页很麻烦-您必须按下新标签页按钮,或者记住晦涩难懂的有限快捷方式。 “新建容器”选项卡更改为:使用快捷键Ctrl + Shift +逗号,搜索容器名称,然后按Enter。 此外,容器搜索框会自动...
在本主题中,我们将深入探讨如何实现一个Enter回车键切换输入焦点的功能,并确保兼容各大浏览器,包括IE、Firefox、Chrome等。这个功能在表单填写时特别有用,能够提高用户的操作效率。 一、实现思路 1. 监听键盘...
标题“文本框中,回车键触发事件的js代码[多浏览器兼容]”所指的知识点涉及JavaScript脚本编程,在网页中如何捕捉和处理回车键的按键事件,以及如何确保该事件处理在不同的浏览器(如IE和Firefox)中均能正确运行。...
1. 浏览器兼容:确保代码能在主流浏览器(如Chrome、Firefox、Safari、Edge)以及较旧版本的浏览器中正常工作。 2. CSS兼容性:使用跨浏览器的CSS属性,如使用 `-webkit-`、`-moz-`、`-ms-` 前缀来支持不同浏览器的...
7. **兼容性考虑**:虽然jQuery库在大多数现代浏览器中运行良好,但为了确保广泛的兼容性,还需要测试在不同浏览器(如Chrome、Firefox、Safari、Edge和旧版IE)下的表现。 8. **响应式设计**:如果网页模板是响应...
一开始尝试的解决方案是将“keydown”事件改为“keyup”事件,这在某种程度上能解决中文输入匹配的问题,但会破坏插件中如回车(ENTER)、制表符(TAB)等其他重要键位的事件绑定机制。比如在表单内的输入框中,...
`getElementById` 是一个在所有现代浏览器中都支持的方法,而 `document.all` 是IE特有,所以当 `getElementById` 存在但 `document.all` 不存在时,表明浏览器是Firefox。 2. **键盘事件处理**:`Enter2Tab` 函数...
提到的代码已测试过IE6、IE8和Firefox,表明其具备一定的浏览器兼容性。在实际开发中,还需要考虑其他现代浏览器,如Chrome、Safari和Edge,以及移动设备上的浏览器。 6. **AJAX集成**: 虽然此代码示例未包含...
- **跨浏览器兼容性**:除了初始针对IE6.0的优化,更新后的组件也支持Firefox 2.0,确保在主流浏览器上的良好运行。虽然未测试其他浏览器,但其目标是满足大部分用户的兼容性需求。 - **多皮肤支持**:组件内置了...
这个最新版本的Dialog.js 提供了先进的特性和优化,使其在各种浏览器环境下表现卓越,包括Firefox、Internet Explorer 6、7、8以及Opera等主流浏览器。它使得在网页中添加交互式对话框变得简单而高效,无论是在用户...
- 兼容IE和现代浏览器,确保了代码的广泛适用性。 - 返回`XMLHttpRequest`对象或`ActiveXObject`对象,方便后续的请求发送与结果处理。 ##### 4. 用户名格式验证 ```javascript // 用户名格式验证 function ...
- **浏览器支持**:支持Internet Explorer 6 和 Firefox 2.0,确保了广泛的兼容性,满足大多数用户的浏览器环境。 - **未测试浏览器**:虽然未在其他浏览器上进行测试,但根据当时的市场环境,IE6 和 FF2 已经覆盖了...
键盘导航也是一个重要的考虑因素,确保用户可以通过Tab键和Enter键操作菜单。 7. **代码结构**:源码通常包含HTML文件定义结构,CSS文件负责样式,而JavaScript文件处理交互逻辑。保持良好的代码组织和模块化,可以...
- **兼容性**:支持各种主流浏览器,包括 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. **性能优化**:只有在用户切换到特定选项卡时才加载相应的内容,以减少首次加载时...