使用 .maphilight() 突出显示图像的特定区域

Posted 2023-05-09

【中文标题】使用 .maphilight() 突出显示图像的特定区域

【英文标题】：Highlight the specific area of the image using .maphilight()

【发布时间】：2013-12-18 08:17:04

【问题描述】：

我想highlightkeyPress事件上的图像标签的特定区域。在使用maphilight jQuery plugin 中的.maphilight() 方法时，它仅适用于该区域的mouseover。

我正在使用图表图像，其中包含带有区域标签的系列点数。

当点击导航键焦点移动到一个点到另一个点，焦点需要突出显示。

如何使用 .maphilight() 方法在“KeyPress”上突出显示图像的特定区域

非常感谢您的代码和建议。

谢谢，

婆罗提。

【问题讨论】：

请出示您目前拥有的代码。

$('imageid').maphilight();这仅适用于鼠标悬停。

【参考方案1】：

以下代码应该适合您：

$(document).keydown(function(event) 
    $('#idOfAreaToHighlight').mouseover();
);

这将在按下任意键时触发。如果您需要将其限制为特定键，您可以添加 if 语句来检查 event.keyCode。

【讨论】：

能否详细解释一下？以及为什么我们使用下面的代码？$('#idOfAreaToHighlight').mouseover();

我尝试了上面的代码..但我有些遗漏或没有正确使用。所以请详细解释一下

@user2990596 在此处指定要在按键上突出显示的区域的 ID。如果您编辑您的问题以包含您的 html，我将能够为您提供更完整的答案。