回车enter代替tab切换元素

最新推荐文章于 2024-05-28 15:47:14 发布

原创最新推荐文章于 2024-05-28 15:47:14 发布 · 207 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍了一种使用JavaScript实现的自定义Tab键导航功能，通过为页面元素设置tabIndex属性并按顺序递增，使得用户可以通过Tab键在不同输入框间进行切换。

$(function() {
	$("input").keypress(function(e) {
		if (e.which == 13) {
			var tbi =$(this).attr('tabIndex')
			$('input').each(function(){
				var dif = Number($(this).attr('tabIndex'))-Number(tbi);
				if(dif==1){
					this.focus();
					this.select();
					return false;
				}
			})
		}
	});
});

需要对页面元素指定tabIndex属性,且按顺序递加1