图像地图创建器/生成器,允许轻松添加Javascript onclick事件?

时间:2012-05-04 15:30:11

标签: javascript javascript-events imagemap

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

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

1 个答案:

答案 0 :(得分:1)

你试图以错误的方式解决这个问题。这个问题与创建图像映射无关,它与操作HTML有关。 imagemap中的标签没有什么独特之处。

所以你想要对一些HTML做一些事情,这恰好是一个imagemap。为什么不使用专门设计用于操纵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绑定处理程序?