Событие для “мышь около элемента” в языке сценариев JavaScript?

С JavaScript/jQuery я могу создавать события для, когда мышь входит или выходит из элемента используя mouseenter и mouseleave. Например:

var img = document.querySelector("img");

img.addEventListener("mouseenter", function() {
  console.log("Estoy sobre la imagen");
});

img.addEventListener("mouseleave", function() {
  console.log("Ya no estoy sobre la imagen");
});
<img src="http://placehold.it/200" />

Это будет способствовать тому, чтобы работали действия (показывать сообщения из-за консоли) когда мышь между или вышло из изображения. Сейчас мой вопрос: какое-то событие существует, что вместо того, чтобы бросаться, когда мышь между в изображении, он взорвется, когда мышь будет в близости изображения?

Например, если у меня есть изображение (хотя это потенциально мог бы быть любой элемент как один div или один thead) рядом с текстом, и мышь приближается по крайней мере 30px края той же самой, работало действие в языке сценариев JavaScript. Этот график показывает более или менее то, что я хочу - что-то было бы должно происходить, если мышь входит внутри площади, которая есть около изображения (выделенная в красном только как пример, это "воображаемая" площадь):

imagen junto a texto y área de acción

Если он не существует: как было бы возможно симулировать это событие с языком сценариев JavaScript или jQuery?

13
задан 07.06.2017, 18:48
0 ответов