防止点击事件影响父jquery

$(document).ready(function(){
  $(".child").on("click", function(){
    // 获取父元素的宽高
    var parentWidth = $(this).parent().width();
    var parentHeight = $(this).parent().height();

    // 定义变量存储子元素的宽高
    var childWidth = $(this).width();
    var childHeight = $(this).height();

    // 计算点击事件相对于父元素的位置，并设置父元素的宽高
    var positionX = $(this).position().left;
    var positionY = $(this).position().top;
    var parentPos = $(this).parent().position();
    var parentLeft = parentPos.left;
    var parentTop = parentPos.top;

    if (positionX < parentLeft) {
      // 如果点击位置在左侧，则将父元素向左移动，并改变宽度
      $(this).parent().css("left", positionX + "px").css("width", parentWidth - positionX + "px");
    } else {
      // 如果点击位置在右侧，则将父元素向右移动，并改变宽度
      $(this).parent().css("left", parentLeft + "px").css("width", parentWidth + positionX - parentLeft + "px");
    }

    if (positionY < parentTop) {
      // 如果点击位置在顶部，则将父元素向上移动，并改变高度
      $(this).parent().css("top", positionY + "px").css("height", parentHeight - positionY + "px");
    } else {
      // 如果点击位置在底部，则将父元素向下移动，并改变高度
      $(this).parent().css("top", parentTop + "px").css("height", parentHeight + positionY - parentTop + "px");
    }
  });
});