允許輕松添加Javascript onclick事件的Image Map Creator / Generator？

Question

雖然我很了解圖像映射的工作原理以及如何編碼等等，但是我發現浪費時間使用圖像映射創建器來生成圖像映射代碼，然后使用HTML Tidy進行整理，然后手動添加所有圖像屬性，並添加onclick事件，使它們返回false，並確保href =“＃”，特別是對於大型圖像地圖。

有誰知道圖像地圖創建者支持直接添加Javascript事件（例如onclick），而不是僅添加href網址，然后在以后手動編輯代碼？

Answer 1

您正在嘗試以錯誤的方式解決此問題。 這個問題與創建圖像映射無關，與處理HTML無關。 圖像映射中的標簽沒有什么獨特之處。

因此，您需要對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綁定處理程序？