javascript - 使用 tab 启动点击 div 并输入

Question

我有一个和 div 元素

<a href="javascript:void(0)">link</a>

<div tabindex="0">div</div>

点击事件处理程序

$("a").on("click",function(){
   alert(" a click")

});

$("div").on("click",function(){
    alert("div click")

});

使用键盘选项卡我可以导航到一个链接，按 Enter 键并查看警报，但我不能为 div 执行此操作。

是否可以像为标签一样为 div 启动点击事件，而不使用任何其他事件(按键)？

JSfiddle

Answer 1

您可以像这样创建自定义事件:

$("div").on("click enter",function(){
    alert("div click")

})
.on('keypress', function(e) {
    if(e.which === 13) {
        $(this).trigger( 'enter' );
    }
});

DEMO