我有一个网站根据用户点击屏幕的位置捕获图片标签。当用户点击图像内部时,它会获得鼠标点击的确切位置。之后,我必须根据不同的屏幕尺寸分辨率进行不同的计算,以确定正确的位置。我尝试过使用jquery偏移量,这对我来说不起作用它只显示一个位置,所以我使用的是evt.pageX。问题是,在我继续走这条路之前,还有更好的方法吗?我相信图像是相对的,这里是我用来确定标签的正确位置的javascript(顺便说一下)。感谢您的任何建议或帮助。
function ShowPictureTag(x, y, orginalResolution) {
$(document).ready(function () {
var currentresolution = screen.width + 'x' + screen.height;
var top = y;
var left = x;
if (orginalResolution != currentresolution) {
if (currentresolution == '1440x900' && orginalResolution == '1280x960') {
top = y - 232;
left = x - 110;
}
if (currentresolution == '1280x960' && orginalResolution == '1440x900') {
top = y - 232;
left = x - 179;
}
if(currentresolution == '1366x768' && orginalResolution == '1440X900') {
}
}
else {
if(orginalResolution == '1280x960') {
top = y - 232;
left = x - 107;
}
if (orginalResolution == '1440x900') {
top = y - 232;
left = x - 185;
}
if(orginalResolution == '1366x768') {
}
}
$('.pictureTagBorder').css({ top: top, left: left }).show();
});
}