JS 怎么实现在加载页面后,自动把焦点设置到tabIndex为1的输入框上?

 我来答
系统004
2016-01-03 · TA获得超过3254个赞
知道大有可为答主
回答量:1326
采纳率:68%
帮助的人:1158万
展开全部
让文本框活的焦点只需要完成两个步骤。第一,定位到这个标签。第二,让标签触发活的焦点事件。tabindex作为定位标签未知不可靠,如果未知有变动就会出错。最好的办法就是用id选择器,速度快,定位准确。然后利用js或者jquery中focus()方法即可让光标定位到文本框中。
应用扩展:普遍应用的案例就是在网站的登陆页中,为了更方便用户输入,进入页面后就定位到用户名密码的文本框,不用再动鼠标进行点击。增强了用户体验。
希望能够帮助到您。
百度网友46b235f5b2
2012-04-26 · TA获得超过1397个赞
知道小有建树答主
回答量:676
采纳率:100%
帮助的人:633万
展开全部
$(function(){
$('#输入框id').focus(); 或者:$('#tt').trigger('focus');
})
追问
这是什么语言?是JSTL吗?我看不懂。
我做的是JSP页面,加JS的脚本。
追答
jquery
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
湖洋狼
2012-04-26 · TA获得超过280个赞
知道小有建树答主
回答量:274
采纳率:0%
帮助的人:381万
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>获取焦点</title>
<script language=javascript type=text/javascript>
function jd(){
document.getElementById("T2").focus();//自己定义ID 然后指定获取焦点的ID
}
</script>
</head>
<body onload="jd()">
<form method="POST" action="">
<p><input type="text" id="T1" name="T1" size="20">
<input type="text" id="T2" name="T2" size="20">
<input type="submit" value="提交" name="B1">
<input type="reset" value="重置" name="B2"></p>
</form>
</body>
</html>
追问
JSP页面,大概是这样的:
c:when 条件一

c:set 变量1 增加1
/c:when
c:otherwise
不显示输入框,只显示文字
/c:otherwise
后面还有其他的输入框
因此,tabIndex为1的输入框的ID是不知道的,怎么弄?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
不笑不舒服
2012-04-26 · TA获得超过277个赞
知道小有建树答主
回答量:232
采纳率:0%
帮助的人:119万
展开全部
只能通过代码自己设置
document.getElementById('输入框id').focus();
更多追问追答
追问
JSP生成的页面,输入框不一定有,ID是不确定的。
追答
使用jQuery吧,这个很容易实现。
具体就是页面加载完成以后查找所有DOM对象直到找到tabIndex为1的设置其获得焦点。
$(function(){
$('*').each(function(){
if(this.tabIndex==1){
this.focus();
return false;
}
});
});

如果能指定范围,将*号替换一下,效率更多一些;
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式