聚焦到 HTML 页面的图像

Question

我有 4 张图片，当我点击它们时，它们会在图片下方显示信息，当我点击最后一张图片时，图片会显示在页面下方，当新页面加载该信息时，我必须使用滚动条向下查看图片和信息最后一张图片。

我想在新页面加载时将焦点放在最后一张图片上。

我这样做，但它不起作用：

<script>
function setFocusToTextBox(){
    document.getElementById("abc").focus();
}
</script>

<img src="images/Practidose.fw.png" alt="" width="770" height="150" id="abc" onclick="setFocusToTextBox()"/>

4 张图片的图片，当我点击最后一张图片时，我想在新页面加载时聚焦该图片：

Answer 1

.focus() 通常只能应用于链接或表单输入。

但是，您可以通过给元素一个tabindex属性来在任意元素上使用它。

如果您想使用onClick处理程序，出于可访问性原因，这通常是一个好主意，因为这将有助于键盘导航和其他可访问性工具了解您的元素应该是可点击的。

Answer 2

我不完全确定为什么你想要聚焦你所在的图像，但尝试一下

function setFocusToTextBox(){
    document.getElementById("abc").scrollIntoView();
}

如果加载：

window.onload=function(){
    document.getElementById("abc").scrollIntoView();
}