1

在 anstosa 在以前的 coords 问题上提供了很多帮助后，我想我最好开始一个新问题。

我遇到的问题是我正在设置一个 onclick 事件，并且活动事件的位置由图像的坐标确定。但是，如果我调整浏览器窗口的大小，坐标会改变并且事件不起作用。它确实如此，但不是我想要触发它的地方。

有没有办法对工作有一个固定的参考？

我的代码

//悬停时改变地图

jQuery('#map').mousemove(function(e){
    var x = e.clientX - this.offsetLeft;
    var y = e.clientY - this.offsetTop;
    jQuery('#map-xy').html("X: " + x + " Y: " + y);
});

//Orange
jQuery('#map').on('click', function(e){
var x = e.clientX - this.offsetLeft,
    y = e.clientY - this.offsetTop;
if (x > 620 && x < 935 && y > 678 && y < 785) {
    jQuery(this).children('img').attr('src', '/javascripts/images/map-orange-  shadow.png');

}

});

当浏览器被调整大小或一个人有不同的屏幕大小时，引用会发生变化，因此“如果（x > 620 && x < 935 && y > 678 && y < 785）”不会引用我想要点击的区域。

我希望这更有意义

谢谢

干杯劳伦斯

4

0 回答 0