<a>按下ENTER键时</a>防止<a>链接打开</a>

Question

我有一个列表，其中每个元素都包含一个链接。 默认情况下，当列表元素具有“焦点”并且我按ENTER键时，浏览器会自动重定向到链接。 有没有办法防止这种行为？

简而言之，我想我的问题是当用户在“ focus（）”上按ENTER键时如何防止链接打开

但是，我仍然希望在鼠标单击事件时保持链接打开行为！！

<ul>
    <li> <a href="SOMELINK1">LINK1</a> </li>
    <li> <a href="SOMELINK2">LINK2</a> </li>
<ul>

Answer 1

$('ul a').on('keydown', function(e){

     if(e.which === 13) //enter
         e.preventDefault(); //prevent the default behavoir
                             //(a redirect in this case)
});

http://jsfiddle.net/Jdf85/

Answer 2

onclick事件在“鼠标”点击和“输入”点击之间没有区别。 您可以通过onkeydown的“ enter”来检测单击。 请注意，如果删除此功能，将使残疾人无法/更加难以浏览您的网站。

$('a').on( 'keydown', function( e ) {
    if( e.which == 13 ) {
      e.preventDefault();
    }
} );

Answer 3

删除您不想使用的事件。

<style>.disabled { cursor: not-allowed; }</style>
<a class="disabled" href="blah">Click me</a>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>
$(".disabled").on("click keydown", function(e){ e.preventDefault() });
</script>