欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JavaScript第八章:显示“快捷键清单”

程序员文章站 2022-03-06 12:09:27
...

1.accesskey属性

    accesskey属性:可以把一个元素与键盘上的某个特定的按键关联在一起。

    支持accesskey的浏览器有很多。有许多网站都会在一个快捷键清单页面上列明该网站都支持哪些快捷键。

    一些基础的快捷键都有约定俗成的设置办法:

  • accesskey=“1”:返回到本网站主页
  • accesskey=“2”:后退到前一个页面
  • accesskey=“4”:打开本网站的搜索表单/页面
  • accesskey=“9”:本网站联系办法
  • accesskey=“0”:查看本网站的快捷键清单

2.编写一个displayAccesskeys函数

  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(!current_link.getAttribute("accesskey")
        continute;
    var key=current_link.getAttribute("accesskey");
    var text=current_link.lastChild.nodeValue;
    akeys[key]=text;
  }
    var list=document.createElement("ul");
    for(key in akeys){
        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("h3");
   var header_text=document.createTextNode("Accesskeys");
   header.appendChild(header_text);
   document.body.appendChild(header);
   document.body.appendChild(list);
}


addLoadEvent(displayAccesskeys);