Javascript 如何使用jquery进行键盘导航？无标题2 #测试ul{列表样式：无；} #测试li{宽度：75px；高度：25px；左侧填充：25px；右侧填充：25px；顶部填充：10px；底部填充：10px；} .active{背景：#AEABAB；} a、活动{color:#ffffff；} $（文档）.ready（函数（） { $（文档）.keydown（函数（e）{ 开关（如钥匙代码）{ 案例38://向上箭头 window.location.href='index.html'；打破 } }); });_Javascript_Jquery

Javascript 如何使用jquery进行键盘导航？无标题2 #测试ul{列表样式：无；} #测试li{宽度：75px；高度：25px；左侧填充：25px；右侧填充：25px；顶部填充：10px；底部填充：10px；} .active{背景：#AEABAB；} a、活动{color:#ffffff；} $（文档）.ready（函数（） { $（文档）.keydown（函数（e）{ 开关（如钥匙代码）{ 案例38://向上箭头 window.location.href='index.html'；打破 } }); });

javascript jquery

Javascript 如何使用jquery进行键盘导航？无标题2 #测试ul{列表样式：无；} #测试li{宽度：75px；高度：25px；左侧填充：25px；右侧填充：25px；顶部填充：10px；底部填充：10px；} .active{背景：#AEABAB；} a、活动{color:#ffffff；} $（文档）.ready（函数（） { $（文档）.keydown（函数（e）{ 开关（如钥匙代码）{ 案例38://向上箭头 window.location.href='index.html'；打破 } }); });,javascript,jquery,Javascript,Jquery,我不想使用“window.location.href='index.html'；”但想使用click方法单击我的导航链接，可以吗我已经为键盘导航创建了一个页面是，为每个链接提供一个ID或类，并使用： <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" con

我不想使用

“window.location.href='index.html'；”

但想使用click方法单击我的导航链接，可以吗

我已经为键盘导航创建了一个页面

是，为每个链接提供一个ID或类，并使用：

        <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    <head>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
        <meta name="author" content="bbbbb" />

        <title>Untitled 2</title>
        <script type="text/javascript" src="js/jquery-1.5.1.js"></script> 

    <style>
    #test ul{list-style:none;}
    #test li{width:75px;height:25px;padding-left:25px;padding-right:25px;padding-top:10px;padding-bottom:10px;}
    .active{background:#AEABAB;}
    a.active{color:#ffffff;}
    </style>
    </head>

    <body>


<script type="text/javascript">
$(document).ready(function() 
{ 
      $(document).keydown(function(e) {
    switch(e.keyCode) {
    case 38: // up arrow
    window.location.href = 'index.html';
    break; 
    }
    });
});
</script>
<div id="test">
<ul>
    <li class="active"><a  href="test.html">Home</a></li>
    <li><a  href="#">My work</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">News</a></li>
</ul>
</div>
</body>
</html>

$('html a:first').trigger('click');

这将导致单击id为home的链接。

是的，如果要单击“活动”链接，则可以将window.location.href='index.html'替换为：

case 38: //Up arrow
$('#home').click();

如果您只是想将键38映射到该链接，那么您应该给锚定一个id（indexAnchor），以便

是一个示例。

$（“#ID”）。单击（）

不以中的href为目标，但如果您定义了onclick，则它的目标是该href

所以

将执行该警报

浏览器很可能会使用

进行阻止。单击（）

导航到链接。看，这是一个很好的开始。你错了，先生，我不是这个意思。。。我可以找到我的活动链接，但当我按下键盘键时。。。。它没有回应我。。。在console.log（）上，它给了我一个完美的链接，我想点击它。。。。我不知道原因是什么……我不完全确定原因，但打电话给click不起作用。我以前遇到过这个问题，我的解决方案是获取href属性并使用该值设置窗口的位置。

Lorem Ipsum只是印刷和排版行业的虚拟文本
 $（document）.ready（function（）{$（document）.keydown（function（e）{switch（e.keyCode）{case 38://向上箭头$（“p”）.click（）；break；}；$（“p”）.click（function（）{$（“p”）.css（{'background'：'black'}）；}）上面的脚本正在运行并使背景变黑，但链接不起作用…是否需要单击链接并导航到锚的href？如果您只需要启动一个点击事件，请查看Ilkka Syrjäkari的答案。如果您想将其链接到某个地方，您可以在此处添加onclick=“location.href='url.html'；”以查看其解决方案。。。。
window.location.href = $("li.active a").attr('href');

<a id="indexAnchor" href="text.html">Home</a>

window.location.href = $("#indexAnchor").attr('href');

$(document).ready(function() { 
    $(document).keydown(function(e) {        
    switch(e.keyCode) {
    case 38: // up arrow
        $('#work').click();
        break; 
    }
    });    
});