ВХОД тип = изображение, как получить значение координаты?

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

Вы должны выбрать эти элементы после их создания, чтобы добавить прослушиватель событий. jQuery имеет функцию с именем .live(), которая выбирает каждый применимый элемент now and in the future.

Answer 2

Разрешается так же, как пользовательские всплывающие подсказки: функция «updateLiveContent», которая повторно запускает инициализацию всплывающей подсказки и входные изображения.