Question

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

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

这可能实现吗？提前感谢您的建议！

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

Answer 2

您可以使用jQuery keypress()

绑定要触发函数的键

例如，您可以为标记创建添加隐藏的div，当用户按下该键时，切换显示。

您也可以使用键码实现它。例如

 var code = (e.keyCode ? e.keyCode : e.which);
 if(code == 9) { //keycode for the tab key
   $(".hidden-elements").toggle();
 }

希望得到这个帮助。

Answer 3

看一下jQuery的.keypress（）

http://api.jquery.com/keypress/

一个想法是为您的可点击项添加一个css类。然后，您可以使用该类循环遍历元素，并弹出一些工具提示，因为您知道您的项目并可以确定其位置。

但是，用一些浅色突出显示可点击的行不是更好吗？或者也许添加一个小图标，让用户乍看之下他能做些什么？

jQuery突出显示可点击区域

3 个答案: