元素键盘焦点可获取、键盘可点击测试实例页面

HTML代码：

<span class="button">按钮1</span>
<span class="button" tabindex="0" role="button">按钮2</span>
<span class="button" tabindex="0" role="button" data-key="true">按钮3</span>
<a href="javascript:" class="button">按钮4</a>
                

JS代码：

$(".button").each(function() {
    $(this).bind("click", function() {
        alert("啊~我被点击了！");    
    });
    if ($(this).attr("data-key")) {
        $(this).bind("keydown", function(e) {
            var code = e.which;
            // 13 = 回车, 32 = 空格 
            if (code === 13 || code === 32) {
                $(this).trigger("click");
            }    
        });
    }
});