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
分享到:
相关推荐
"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. 监听键盘...
`getElementById` 是一个在所有现代浏览器中都支持的方法,而 `document.all` 是IE特有,所以当 `getElementById` 存在但 `document.all` 不存在时,表明浏览器是Firefox。 2. **键盘事件处理**:`Enter2Tab` 函数...
1. 浏览器兼容:确保代码能在主流浏览器(如Chrome、Firefox、Safari、Edge)以及较旧版本的浏览器中正常工作。 2. CSS兼容性:使用跨浏览器的CSS属性,如使用 `-webkit-`、`-moz-`、`-ms-` 前缀来支持不同浏览器的...
7. **兼容性考虑**:虽然jQuery库在大多数现代浏览器中运行良好,但为了确保广泛的兼容性,还需要测试在不同浏览器(如Chrome、Firefox、Safari、Edge和旧版IE)下的表现。 8. **响应式设计**:如果网页模板是响应...
标题“文本框中,回车键触发事件的js代码[多浏览器兼容]”所指的知识点涉及JavaScript脚本编程,在网页中如何捕捉和处理回车键的按键事件,以及如何确保该事件处理在不同的浏览器(如IE和Firefox)中均能正确运行。...
- **跨浏览器兼容性**:除了初始针对IE6.0的优化,更新后的组件也支持Firefox 2.0,确保在主流浏览器上的良好运行。虽然未测试其他浏览器,但其目标是满足大部分用户的兼容性需求。 - **多皮肤支持**:组件内置了...
- `IsFireFox`变量用于判断当前浏览器是否为Firefox,以便适配不同的事件处理方式。 - 只有当输入框类型为文本、密码、单选按钮或下拉列表时才生效。 ##### 3. Ajax请求处理 ```javascript // Ajax请求处理 ...
一开始尝试的解决方案是将“keydown”事件改为“keyup”事件,这在某种程度上能解决中文输入匹配的问题,但会破坏插件中如回车(ENTER)、制表符(TAB)等其他重要键位的事件绑定机制。比如在表单内的输入框中,...
- **浏览器支持**:支持Internet Explorer 6 和 Firefox 2.0,确保了广泛的兼容性,满足大多数用户的浏览器环境。 - **未测试浏览器**:虽然未在其他浏览器上进行测试,但根据当时的市场环境,IE6 和 FF2 已经覆盖了...
这个最新版本的Dialog.js 提供了先进的特性和优化,使其在各种浏览器环境下表现卓越,包括Firefox、Internet Explorer 6、7、8以及Opera等主流浏览器。它使得在网页中添加交互式对话框变得简单而高效,无论是在用户...
- **兼容性**:支持各种主流浏览器,包括 IE6.0+、Firefox、Safari、Google Chrome 以及 Opera 等。 ##### 2. 类选择器 - **定义**:类选择器(Class Selector)是 CSS 中的一种选择器,用于选取具有指定类名的元素...
提到的代码已测试过IE6、IE8和Firefox,表明其具备一定的浏览器兼容性。在实际开发中,还需要考虑其他现代浏览器,如Chrome、Safari和Edge,以及移动设备上的浏览器。 6. **AJAX集成**: 虽然此代码示例未包含...
本例中强调了代码在多个浏览器中的兼容性,包括IE7, IE8, Firefox3, Chrome2和Safari4。JQuery库的一大优势就是简化了跨浏览器的兼容性问题。 ### 知识点九:CSS类选择器 在本例中,页面中的`<input>`元素被赋予了...
12、修复Firefox调大对话框拖帧的现象 13、修复拖动对话框时候可能因鼠标置入iframe窗口而导致鼠标被粘住的问题 14、修复了内部$.newId方法的一处错误,特定情况下导致定义了ID的对话框无法弹出 15、删除脚本对...
这可能需要测试并适配不同的浏览器环境,如Chrome、Firefox、Safari等。 9. **性能优化**:为了提供流畅的用户体验,需要考虑性能优化,如延迟加载菜单内容,减少不必要的网络请求,以及使用高效的算法来处理用户...