Question

Hello stackoverflow社区，我需要帮助。我正试图这样做

jQuery(document).ready(function() {
  jQuery('.slider-left-image').on( "mousemove", function(e) {
    var offset = $(this).offset();
    jQuery('.slider-left-image').css("width", e.pageX - offset.left);
    jQuery('#koordinatesX').val(e.pageX - offset.left);
    jQuery('#koordinatesY').val(e.pageY - offset.top);
  });
});

但是，当我调整它的大小时，加上从右到右。你能帮助我吗？当我使用它时：

jQuery('#koordinatesX').val(e.pageX - offset.left);

它从0宽度返回到设置640.但是这个：

jQuery('.slider-left-image').css("width", e.pageX - offset.left);

它变为零但不回到640或者等等这里是jsfiddle： https://jsfiddle.net/tg7h1ewL/

Answer 1

您的代码段不起作用。我对它进行了一些修改，它显示了一些东西......不知道你的意思。可能是你试图调整图像大小，它的宽度下降到0，但你无法通过其他方式。

以下是您的代码段：https://jsfiddle.net/tg7h1ewL/1/

基本上尝试使用更大的偏移来代替此

jQuery('.slider-left-image').css("width", e.pageX - offset.left);

执行以下操作：

jQuery('.slider-left-image').css("width", e.pageX - offset.left + 5 );

它的作用是扩展记录鼠标光标移动的区域，这意味着它可以实际记录并执行正确的移动，而前一个代码只处理向左移动。

epagex和offset的问题

1 个答案: