問題說明:「黃上豪、陳幸只、賴秀雯、陳錦錫、陳真詩」等姓名,執行後僅視覺焦點移動,游標並無法一起移動,請檢視問題並修正。
在主要業面加入以下HTML代碼
<script>
document.addEventListener("click", function(event) {
// 只處理 id 以 "link-to-" 開頭的元素
if (event.target.id && event.target.id.startsWith("link-to-")) {
event.preventDefault();
// 取出數字部分,例如 link-to-0 → 0
const num = event.target.id.replace("link-to-", "");
const targetA = document.getElementById("link_" + num);
const targetZ = document.getElementById("AZ");
if (targetA) {
// 平滑滾動並聚焦
targetA.scrollIntoView({ behavior: "smooth", block: "start" });
targetA.focus();
// 監聽 Tab 鍵,下一次 Tab 就跳到 Z
function handleTab(e) {
if (e.key === "Tab") {
e.preventDefault();
targetZ.focus();
document.removeEventListener("keydown", handleTab);
}
}
document.addEventListener("keydown", handleTab);
}
}
});
</script>
在
「
Listing_item_行政人員選單
」
的「按鈕」中,
「
連結
」
與
「
按鈕ID
」
的設定
在
「
Listing_item_行政人員
」
的「段」進階中, 「 CSS ID 」 與 「 屬性 」 的設定