Question

Hi there, I am using this site http://odyniec.net/projects/imgareaselect/usage.html#callback-functions jQuery for selecting an image, even though when I select an image I do get the coordinates, but I don’t get the coordinates when I use the arrow key from the keyboard to move the selection around. any ideas? Thank you.

Answer 1

I couldn’t get it to work with keyboard, so I’ll just leave you with a fixed jsfiddle with working selection.

$(document).ready(function() {
    $('#duck').imgAreaSelect({
        handles: true,
        onSelectEnd: function(img, selection) {
            $('input[name="x1"]').val(selection.x1);
            $('input[name="y1"]').val(selection.y1);
            $('input[name="x2"]').val(selection.x2);
            $('input[name="y2"]').val(selection.y2);
        }
    });
});

DEMO