【问题标题】:basic event listener for arrow keys箭头键的基本事件监听器
【发布时间】:2018-02-16 01:47:47
【问题描述】:

我的每个网页上都有“后退”和“下一个”链接,我想使用左右箭头键来触发指向最后一页或上一页的链接。我真的很感激最基本的代码的指导(我是一个初学者)以及每段代码的去向。我已经有一个指向 jquery 的链接。提前致谢

【问题讨论】:

    标签: jquery events


    【解决方案1】:

    $("body").keydown(function(e) {
      if(e.which == 37) { // left     
          $(".previous a").trigger("click");
      }
      else if(e.which == 39) { // right     
          $(".next a").trigger("click");
      }
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <div class="full-size-image-nav">
        <%if previousNumber <> 0 then%>
            <div class="previous">
                <p><a onclick="alert('Left arrow key');">Left</a></p>
            </div>
        <%end if%>
        <%if nextNumber <> 0 then%>
            <div class="next">
                <p><a onclick="alert('Right arrow key');">Right</a></p>
            </div>
        <%end if%>
    </div>

    【讨论】:

    • 谢谢。我知道这是一个完全业余的问题,但我把它放在我的基本测试页面中的主体标签之间,并在生成的网页上查看:
    • 0 then%> 左 0 then%> 右
    猜你喜欢
    • 2014-07-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-14
    相关资源
    最近更新 更多