專注於HTML頁面的圖像

Question

我有4張圖片，當我點擊它們時，他們會在圖像下方顯示信息，當我點擊最後一張時，圖像會進入頁面下方，並且新頁面會加載該信息使用滾輪查看最後一張圖像的圖像和信息。

我想在新頁面加載時將焦點放到最後一個圖像上。

我做到這一點，但它不工作：4個圖像的

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

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

圖片，當我點擊最後一個我想重點是圖像時，新的頁面加載：

Answer 1

我不能完全肯定，爲什麼你要關注你的圖像上，但嘗試

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

如果爲onload：

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

Answer 2

.focus()通常只能被應用到鏈接或形式的輸入。

但是，您可以通過給該元素一個tabindex屬性在任意元素上使用它。

無論如何，如果您想使用onClick處理程序，這通常是一個可訪問的原因，因爲這將有助於鍵盤導航和其他輔助工具瞭解您的元素應該是可點擊的。