虽然我很清楚图像映射的工作原理,以及如何对它们进行编码等......我发现使用图像映射创建器生成图像映射代码,然后使用 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 来绑定处理程序呢?