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

Question

虽然我很清楚图像映射的工作原理，以及如何对其进行编码等...但我发现使用图像映射创建器生成图像映射代码，然后使用 HTML Tidy 来浪费时间整理它，然后手动添加所有图像属性，添加 onclick 事件，让它们返回 false，并确保 href="#"，尤其是对于大图像 map 。

有谁知道支持直接添加 Javascript 事件(例如 onclick)而不是仅添加 href url，然后必须稍后手动编辑代码的图像映射创建器？

Answer 1

您试图以错误的方式解决这个问题。这个问题与创建图像映射无关，它与操作 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”，尤其是对于(如您所说)具有很多元素的图像映射。这只是浪费带宽；因为无论如何你都在绑定(bind) javascript 处理程序，所以你显然已经在你的页面上运行了 javascript。为什么不直接使用 javascript 来绑定(bind)处理程序？