如何检查鼠标x位置是否在我的图像中?

时间:2015-11-04 19:22:01

标签: javascript jquery asp.net internet-explorer mouse-position

我有一个onmouseenter事件,并且我通过jquery选择器$(' .imageTile')获得了一系列图像。在Chrome中,我能够做到这一点,以获得我真正感兴趣的元素的索引:

for(var i = 0; i < $('.imageTile').length; i++)
{
   if(e.y >= $('.imageTile')[i].y && e.y <= $('.imageTile')[i].y + $('.imageTile')[i].height) {
       index = i;
       break;
   }
}

但是在IE中,这不起作用。我需要使用一些奇怪的黑客吗?

1 个答案:

答案 0 :(得分:0)

我认为这会奏效,但我还没有测试过。

var index = -1;
$(function(){
    $('.imageTile img').hover(function(){
        index = $('.imageTile').index($(this));
    },
    function(){ 
        index = -1; // reset index on mouseout
    });
});

你必须喜欢jQuery,https://api.jquery.com/index/