JavaScript: добавить положение пикселя в href каждой ссылки

#javascript

#javascript

Вопрос:

возможно ли добавить координаты ссылки href в целевой запрос?

Я имею в виду что-то вроде этого:

 <a href="index.php?action=createamp;id=123amp;x=[...]amp;y=[...]" id="123">Link 123</a>
  

Это должно добавить координаты ссылки (id) на странице в запрос через document.write() или что-то в этом роде.

PS: должно работать без jQuery и с IE11 🙂

Спасибо!

Ответ №1:

Вместо того, чтобы использовать простое href прикрепление события с помощью javascript, возьмите нужные X amp; Y (возможно, экран или клиент, как показано ниже) и перенаправьте location.href на выбранную вами страницу, создавая URL по мере необходимости (прокомментировано ниже, чтобы вы могли видеть вывод).

 document.querySelector('#link').addEventListener("click",evt => {
  console.log("screen",evt.screenX,evt.screenY);
  console.log("client",evt.clientX,evt.clientY);
  //location.href = "somepage.php?x="   evt.screenX   "amp;y="   evt.screenY
});  
 <a href="#" id="link">Link</a>  

Установив значение location.href в обработчике событий, поведение пользователя будет таким же, как при нажатии на ссылку с href атрибутом.

Комментарии:

1. Если ссылка никуда не ведет, могу ли я предложить button вместо нее использовать a?

2. @evolutionxbox Я думаю, что намерение состоит в том, чтобы оно куда-то направлялось в соответствии с вопросом и закомментированной строкой для иллюстрации.