如何在拖拽此控件后自动设置UserControl的高度和宽度？

// HTML部分
<div id="dragControl" draggable="true">拖拽控件</div>
<div id="userControl">目标UserControl</div>

// JavaScript部分
$("#dragControl").on("dragend", function(event) {
  // 获取拖拽控件起始坐标和结束坐标
  var startX = event.originalEvent.clientX;
  var startY = event.originalEvent.clientY;
  var endX = event.originalEvent.pageX;
  var endY = event.originalEvent.pageY;

  // 计算宽度和高度
  var width = Math.abs(endX - startX);
  var height = Math.abs(endY - startY);

  // 设置宽度和高度给目标UserControl
  $("#userControl").css({
    width: width + "px",
    height: height + "px"
  });
});