Button出现问题。我想按住图像并将其拖动到特定位置，这将打开一个活动

<img id="myImage" src="image.jpg" draggable="true">

var image = document.getElementById("myImage");

image.ondragstart = function(event) {
  // 设置拖动时传输的数据
  event.dataTransfer.setData("text/plain", event.target.id);
}

image.ondragover = function(event) {
  // 阻止默认的拖放行为
  event.preventDefault();
}

image.ondrop = function(event) {
  // 阻止默认的拖放行为
  event.preventDefault();

  // 获取拖动的图像元素的ID
  var imageId = event.dataTransfer.getData("text/plain");

  // 将图像元素移动到目标位置
  event.target.appendChild(document.getElementById(imageId));

  // 打开一个活动
  openActivity();
}

function openActivity() {
  // 在这里执行打开活动的操作
  console.log("打开一个活动");
}