1

我正在尝试使元素可拖动，可通过按键移动，然后将 xy 坐标打印到输入框。元素移动，并且是可拖动的，但在使用键盘移动它时不打印坐标。

这是我正在使用的代码的一部分。

$('.dragThis').draggable({
    drag: function() {
        var offset = $(this).offset();
        var xPos = Math.round(offset.left);
        var yPos = Math.round(offset.top);
        $("#x").val(xPos);
        $('#y').val(yPos);
    }
});

var $div = $('.dragThis');
$(document).keydown(function(e){
    if (e.keyCode == 38) { //up
    $div.css('top', $div.offset().top - 1);
    var offset = $(this).offset();
    var xPos = Math.round(offset.left);
    var yPos = Math.round(offset.top);
    $("#x").val(xPos);
    $('#y').val(yPos);
    }

http://jsfiddle.net/DGbT3/1154/

相关：我还想为 +10 而不是 +1 进行 shift+arrow 移动，但可惜它也不起作用。

谢谢

4

0 回答 0