INPUT type = image,如何获得坐标值?

时间:2011-09-28 02:32:19

标签: javascript forms

<input> type="image"name="something"会将变量something_xsomething_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事件分配给正确的输入元素,即使它们是在文档加载后加载或以其他方式创建的(我已经遇到的问题)在处理客户工具提示时要面对)。可能有更好的解决方案吗?

2 个答案:

答案 0 :(得分:1)

创建这些元素后,必须选择这些元素才能添加事件侦听器。 jQuery有一个名为.live()的函数,用于选择每个适用的元素now and in the future

答案 1 :(得分:0)

以与自定义工具提示相同的方式解决:“updateLiveContent”函数,用于重新运行工具提示初始化和输入图像。