jquery实现标签键进行选择后进入键触发点击行为

这种使用场景为当首页有几个链接需要选择的时候，使用键盘就可以进行触发行为

复制下来放本地用吧网页上直接测试有问题

效果图：

下面是演示代码

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title 9/title script type=' text/JavaScript ' src=' http :http://cdn。静态的。鲁诺布。com/libs/jquery/1。10 .2/jquery。量滴js '/脚本样式=' text/CSS ' .活动{ background:粉色；}/style/head body a href=' # ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' onclick=' aa(111)' 1111111111/a href=' # rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' onclick=' aa-a href=' # ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' 111111111111/a-！ -脚本类型='text/javascript' $('body ').on('click '，function(){ var $active=$(').active’)；var索引=$ active。index()；var TotaL Ength=$(' div ').长度；if(index==TotaL Ength-1){ $($(' div ')[0]).addClass('active ').兄弟姐妹(' div ').移除CLaSS(' active ')；}else{ $active.next().addClass('active ').兄弟姐妹(' div ').移除CLaSS(' active ')；} })/script-script类型=' text/JavaScript '文档。onkey down=function(event){ var e=event | | window。事件| |参数。打电话的人。参数[0]；if(e . KeyCode==9){//console。日志(9999)；var $active=$(' .active’)；var索引=$ active。index()；var TotaL Ength=$(' a ').长度；if(index==TotaL Ength-1){ $($(' a ')[0]).addClass('active ').兄弟姐妹(' a ').移除CLaSS(' active ')；}else{ $active.next().addClass('active ').兄弟姐妹(' a ').移除CLaSS(' active ')；}返回false}如果(e . KeyCode==13){//回车键var $active=$(' .active’)；//var aa=$ active。价值；//$活动。click(function(event){////* action on event *///})；$活动。触发器(' click ')；//控制台。日志(aa)；//控制台。日志(9999)；} };/脚本！-脚本类型='text/javascript' var $active=$(' .active’)；var aa=$ active.valueconsole。日志(aa)；/script-脚本类型=' text/JavaScript '函数aa(ss){ alert(ss)；}/脚本！-脚本类型='text/javascript' var arr=[1，2，3]；var指数=数学。floor((数学。random()* arr。长度))；控制台。日志(arr[index])；/脚本/正文/html以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！