允许轻松添加Javascript onclick事件的Image Map Creator / Generator？

Question

虽然我很了解图像映射的工作原理以及如何编码等等，但是我发现浪费时间使用图像映射创建器来生成图像映射代码，然后使用HTML Tidy进行整理，然后手动添加所有图像属性，并添加onclick事件，使它们返回false，并确保href =“＃”，特别是对于大型图像地图。

有谁知道图像地图创建者支持直接添加Javascript事件（例如onclick），而不是仅添加href网址，然后在以后手动编辑代码？

Answer 1

您正在尝试以错误的方式解决此问题。 这个问题与创建图像映射无关，与处理HTML无关。 图像映射中的标签没有什么独特之处。

因此，您需要对HTML进行很多处理，这些HTML恰好是图像映射。 为什么不使用专门设计用于处理HTML的东西（例如jQuery）来解决您的问题？

“添加onclick事件，使它们返回false，并确保href =“＃” ...

$('area').attr('href','#');
$('area').attr('onclick','.. whatever you want ...');

仅仅因为jQuery是一种javascript工具，并不意味着您不能将其用于一次性任务。 在Chrome中右键单击，检查元素“复制为HTML”。

现在让我补充一点，通常来说，使用jQuery添加onclick属性毫无意义，因为您应该只添加事件处理程序。 但是，如果您想生成HTML，然后将其复制/粘贴为硬编码HTML，则可以执行此操作。 但是我一般来说，应该避免像瘟疫一样发生“ onclick”事件，尤其是（如您所说）包含大量元素的图像映射。 这只是浪费带宽； 因为无论如何绑定javascript处理程序，您显然已经在页面上运行了javascript。 为什么不只使用javascript绑定处理程序？