обнаружить прокрутку мыши на элементе, который не прокручивается

Question

обнаружить прокрутку мыши на элементе, который не прокручивается

0

У меня есть тег элемента изображения, я пытаюсь узнать, как определить прокрутку пользователя на этом изображении, даже если он не прокручивается?
и после этого я проверю налево или вправо, как qaru.site/questions/2040934/... тогда я могу вызвать ajax change image url

$('img').scroll(function(){
    console.log('scroll');

});

user1775888 04 май 2014, в 16:32

Источник

Теги:

javascript

jquery

2 ответа

1

Вот мой способ сделать это:

Создать переменную isOvered Чтобы отобразить, находится ли мышь на изображении.

В тэге img добавьте OnMouseOver="isOvered=true;" OnMouseOut="isOvered=false;" OnMouseOver="isOvered=true;" OnMouseOut="isOvered=false;"

И связывать событие прокрутки (mousewheel или DOMMouseScroll) для тела с проверкой того, является ли мышь на img или нет.

var isOvered=false;
function displaywheel(e){
var evt=window.event || e;
var delta=evt.detail? evt.detail*(-120) : evt.wheelDelta; 
if(isOvered){
if(delta<0)
{
//"Scroll Down On IMG Occured"
}
if(delta>0)
{
//"Scroll UP On IMG"
}
}
//delta returns +120 when wheel is scrolled up, -120 when down
}
var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel";  
if(document.attachEvent) document.attachEvent("on"+mousewheelevt, displaywheel);
else if (document.addEventListener) document.addEventListener(mousewheelevt, displaywheel, false);

Надеюсь, это поможет вам. Приветствия!

Vedant Terkar 04 май 2014, в 12:26