javascript - jQuery 高亮可点击区域

Question

我想问你是否有一种方法可以在基本的 HTML 页面中突出显示可点击的项目，最好是按键盘键。当我构建功能原型(prototype)时，为了节省时间，实际上只开发了一些功能来展示流程。我想以某种方式显示哪些项目是可点击的，因此用户无需将鼠标悬停在每个项目上即可找出可以点击的内容。

理想情况下，我想要实现的是当用户按下预定义的键时，每个链接(文本或图像或 map 坐标)的顶部都会出现一个框，这应该通过脚本自动实现，这样我就不会不必为我构建的每个原型(prototype)手动设置它。

这有可能实现吗？预先感谢您的建议!

Answer 1

你会这样做:

为所有可点击元素分配一个 CSS 类(即 highlight_class)。使用 jquery 处理按键事件并突出显示所有匹配的元素，如下所示:

$(document).keypress(function(event) {
    if(event.which == 32){ //Space key
        event.preventDefault();
        $('.highlight_class').effect("highlight", {}, 3000);
    }        
});

看看this jsfiddle