javascript - 输入键触发链接

Question

我在页面上有一个 JQuery 滚动条，其中每个项目都是一个带有 id 的 div。每个 div 都有一个指向滚动条中下一个 div 的链接(都在同一页面上)

$('a.panel').click(function () {
};

我对“面板”类的所有链接都有一个点击事件，我在其中检查点击了哪些链接，然后相应地进行一些 ajax 处理:

 if($(this).attr('href')=="#item2")
{
//do some processsing 
}

处理完成后，我使用 scrollTo JQuery 方法滚动到下一个 div

我需要让用户可以按回车键而不是点击链接。现在的问题是:一种。我在同一页面上有几个链接都需要有这种行为。b.我需要区分哪个链接触发了点击事件并进行一些服务器端处理。

这可能吗？

感谢快速而有帮助的回复!感谢百万的帮助!

Answer 1

Focus + enter 将触发点击事件，但前提是 anchor 具有 href 属性(至少在某些浏览器中，如最新的 Firefox)。作品:

$('<a />').attr('href', '#anythingWillDo').on('click', function () {

    alert('Has href so can be triggered via keyboard.');

    // suppress hash update if desired
    return false;

}).text('Works').appendTo('body');

不起作用(浏览器可能认为没有可采取的行动):

$('<a />').on('click', function () {
    alert('No href so can\'t be triggered via keyboard.');
}).text('Doesn\'t work').appendTo('body');