jquery - epagex 和 offset 的问题

Question

您好 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 );

它的作用是扩展记录鼠标光标移动的区域，这意味着它实际上可以记录并作用于右侧移动，而之前的代码仅处理向左移动。