回车键替换Tab键完成循环索引功能。

最新推荐文章于 2020-12-26 13:38:21 发布

lucky ^_^

最新推荐文章于 2020-12-26 13:38:21 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端-angular2

本文链接：https://blog.youkuaiyun.com/wgp15732622312/article/details/60781076

前端-angular2 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一个关于浏览器兼容性的键盘事件处理问题。为改善用户体验，作者尝试将回车键的功能替换为Tab键，但在不同浏览器上遇到了兼容性难题。通过调整代码，最终实现了在多种浏览器环境下的一致表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

DRP视频中有个小例子，为了给用户更好的体验，加上了个回车键替换Tab键的功能。然后把视频的代码放到我这，就出不来了。最后判断是浏览器的问题。因为在我的IE8测试版能够实现，但是放到IE9就不行了，火狐，360更别提了。

最后根据浏览器的兼容法则做出以后最后的代码

经过我的测试：FF应该不支持 window.event。不过二者都可以使用 arguments[0]来代替(不用写入e)。

window.onload = function(){
		var inputArry = document.getElementsByTagName("input");
		for(var i =0 ;i<inputArry.length;i++){
			inputArry[i].index = i;
			inputArry[i].onkeydown=function  (e){  //这里一定要把e事件传入。IE不用写，FF得写。
				//e = e ? e : window.event;     //可写可不写
				//var keyCode = e.which ? e.which : e.keyCode;
			obj=e.srcElement?e.srcElement:e.target;   
			if(keyCode==13 && obj.type!= 'button'){
				inputArry[this.index+1].focus();
				}
			}
		}
		
	}