如何设定打开网页的默认焦点呢?是用javascript吗?怎么做呢?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何设定打开网页的默认焦点呢?是用javascript吗?怎么做呢?相关的知识,希望对你有一定的参考价值。

比如说打开一个网页后焦点就在某个输入框上,我可以直接输入,而不用去移动鼠标点击后才能输入。这种代码该怎样去考虑呢?

正如楼主所说,可以用javascript实现。下面这段代码就可以设定当页面加载后,第二个文本框取得焦点。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<input id="text1" type="text" />
<input id="text2" type="text" />
</body>
</html>
<script type="text/javascript">
document.getElementById("text2").focus();
</script>
参考技术A windows.onload
$("#id").onfocus();



试一下

如何设置网页的默认输入焦点?

我在浏览视频网站时习惯使用键盘操作视频,但是网页的默认输入焦点不在视频上,需要先用鼠标点一下,如果能省去这个麻烦,其他方法也可以。

可以通过使用javascript的focus()方法来实现。

格式:Node.focus();

作用:Node元素获得键盘焦点,Node可以是任何元素,甚至是一个窗口,但一般常用于表单输入控件,如文本框、下拉列表、单选框、文本域等,如果Node是文本框,其中会出现文字输入光标(就像鼠标点击了文本框一样)。

示例:将一个网页上的默认输入焦点定位到某个文本框上

<div class="group1">
<input type="text" id="userName">
<input type="text" id="password">
<input type="text" id="repeatPsw">
</div>
<div class="group2">
<input type="text" id="trueName">
<input type="text" id="sex">
</div>

document.getElementById('userName').focus();  // 页面载入后输入焦点定位到#userName文本框

参考技术A 使用tab键可以选择焦点 。

以上是关于如何设定打开网页的默认焦点呢?是用javascript吗?怎么做呢?的主要内容,如果未能解决你的问题,请参考以下文章

WPF 打开新窗口 如何设置 焦点还在原来的窗口 谢谢

HTML:如何使一个网页打开时,第一个输入框自动获得焦点?

怎样设定一个表单的默认值?

为啥我写的焦点图在IE6下强制关闭,打不开网页,我是用jquery写的,在IE7,IE8,FF下都正常!

vb webbrowser 点击链接怎么打开默认浏览器

如何让输入框默认获得焦点