INPUT type = image，如何獲得座標值？

Question

<input>與type="image"和name="something"會將變量something_x和something_y與點擊圖像的座標一起發送到服務器。

如果表單正在被JavaScript處理，例如在AJAX設置中，我該如何獲取元素被點擊的座標？

到目前爲止，我唯一的想法就是設置：

imginput.onclick = function(e) { 
    e = e || window.event; 
    var coords = getMouseCoords(e), elempos = getElementCoords(this); // defined elsewhere 
    this.value = (coords.x - elempos.x)+","+(coords.y - elempos.y); 
} 

的問題是，我必須確保onclick事件被分配到正確的輸入元素，即使它們被加載或以其他方式創建文檔加載完成後（我在處理客戶工具提示時不得不面對的一個問題）。有沒有更好的解決方案？

Answer 1

以與定製工具提示相同的方式解決問題：重新運行工具提示初始化和輸入圖像的「updateLiveContent」函數。

Answer 2

您必須在創建它們以添加事件偵聽器後選擇這些元素。 jQuery具有稱爲.live()的功能，其選擇每個適用的元素now and in the future。