图像映射创建器/生成器,允许轻松添加Javascript点击事件



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

有谁知道一个图像映射创建者支持直接添加 Javascript 事件(例如 onclick (,而不仅仅是添加 href url,然后必须手动编辑代码?

您正在尝试以错误的方式解决此问题。这个问题与创建图像映射无关,它与操作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 来绑定处理程序呢?

最新更新