Възможен дубликат:
получаване на X/Y координатите на щракване с мишката върху изображение с jQuery
Искам да изчисля щракната позиция на изображение, да кажем, че това ще бъде пример:
И ако щракна върху него някъде, искам да покажа предупреждение с X/Y позицията на щракнатата област върху изображението, има пиксели на изображенията, така че трябва да показва x пикселно отместване и y пикселно отместване.
Възможно ли е това да се направи с Javascript? Всякакви примери ще бъдат оценени.
Използвайки JQuery, използвайте стойностите на pageX и pageY на събитието, към което изваждате отместването на елемента.
http://jsfiddle.net/BramVanroy/D63KS/1/
$(document).ready(function(){
$('img').mousedown(function(e){
var offset = {
x: e.pageX - $(this).offset().left,
y: e.pageY - $(this).offset().top
}
$('#info').html('{'+offset.x+'; '+offset.y+'}');
});
});
Можете да направите нещо подобно, за да получите x и y, където 'theimage' е идентификаторът на вашето изображение
$("#theimage").live("click",function(e){
e.preventDefault();
var x = e.pageX - $(this).offset().left;
var y = e.pageY - $(this).offset().top;
});
