accesskey屬性顯示“快捷鍵清單”

發(fā)布時(shí)間：2020-07-14 04:34:50 來(lái)源：網(wǎng)絡(luò) 閱讀：394 作者：小旭依然欄目：開(kāi)發(fā)技術(shù)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Explaining the Ddocument Ob Model</title>
<script src="addLoadEvent.js"></script>
<script src="8.6.js"></script> 

</head>
<body>
<ul id="navgation">
<li><a href="index.html" accesskey="1">Home</a></li>
<li><a href="search.html" accesskey="4">Search</a></li>
<li><a href="contact.html" accesskey="9">Contact</a></li>
</ul>
<p><b>注釋：</b>請(qǐng)使用Alt + <i>accessKey</i> (或者 Shift + Alt + <i>accessKey</i>) 來(lái)訪問(wèn)帶有指定快捷鍵的元素。</p>
</body>
</html>

function addLoadEvent(func){    //不管在頁(yè)面加載完畢執(zhí)行多少個(gè)函數(shù)，都應(yīng)付自如
 var oldonload = window.onload;
if(typeof window.onload != 'function'){
window.onload = func;
}else{
window.onload = function(){
oldonload();
func();
}
}
}

function displayAccesskeys(){
//檢查兼容性
if(!document.getElementsByTagName||!document.createElement||!document.createTextNode) return false;

var links = document.getElementsByTagName("a");
var akeys = new Array();
for(var i = 0; i<links.length; i++){
var current_link = links[i];
if(!links[i].getAttribute("accesskey")) continue;
var key = current_link.getAttribute("accesskey");
var text = current_link.lastChild.nodeValue;  //取得鏈接文本
akeys[key] = text;
}
var list = document.createElement("ul"); 
for (key in akeys){  //遍歷訪問(wèn)鍵
var text = akeys[key];
var str = key +": "+text;
var item = document.createElement("li");
var item_text = document.createTextNode(str);
item.appendChild(item_text);
list.appendChild(item);
}
var header = document.createElement("h4")  //創(chuàng)建標(biāo)題;
var header_text = document.createTextNode("Accesskeys");
header.appendChild(header_text);
document.body.appendChild(header);
document.body.appendChild(list);
}

addLoadEvent(displayAccesskeys);

瀏覽器效果預(yù)覽

向AI問(wèn)一下細(xì)節(jié)

accesskey屬性 顯示“快捷鍵清單”

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽

accesskey屬性顯示“快捷鍵清單”