虽然我很清楚图像映射是如何工作的,以及如何对其进行编码等等......我发现使用图像映射创建器生成图像映射代码,然后使用 HTML Tidy 来整理它是浪费时间,然后手动添加所有图像属性添加onclick
事件,让它们返回 false,并确保href="#"
,特别是对于大图像映射。
有谁知道支持onclick
直接添加 Javascript 事件(例如 )而不是仅添加 href url,然后必须稍后手动编辑代码的图像地图创建者?
虽然我很清楚图像映射是如何工作的,以及如何对其进行编码等等......我发现使用图像映射创建器生成图像映射代码,然后使用 HTML Tidy 来整理它是浪费时间,然后手动添加所有图像属性添加onclick
事件,让它们返回 false,并确保href="#"
,特别是对于大图像映射。
有谁知道支持onclick
直接添加 Javascript 事件(例如 )而不是仅添加 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,则可以这样做。但我一般来说,应该像瘟疫一样避免“点击”,尤其是(如你所说)具有很多元素的图像地图。这只是浪费带宽;因为无论如何您都在绑定 javascript 处理程序,所以您显然已经在您的页面上运行了 javascript。为什么不只使用 javascript 来绑定处理程序?