移动屏幕上的粘性删除

以下是一个使用JavaScript实现移动屏幕上的粘性删除的示例代码：

HTML部分：

<div id="container">
  <div id="item1" class="item">Item 1</div>
  <div id="item2" class="item">Item 2</div>
  <div id="item3" class="item">Item 3</div>
</div>

CSS部分：

.item {
  width: 200px;
  height: 50px;
  background-color: #ccc;
  margin: 10px;
  cursor: pointer;
}

.item:hover {
  background-color: #aaa;
}

.delete {
  background-color: #f00 !important;
}

JavaScript部分：

var container = document.getElementById('container');
var items = container.getElementsByClassName('item');

var activeItem = null;

for (var i = 0; i < items.length; i++) {
  items[i].addEventListener('mousedown', function(e) {
    activeItem = this;
    activeItem.style.opacity = '0.5';
    activeItem.classList.add('delete');
  });

  items[i].addEventListener('mouseup', function(e) {
    activeItem.style.opacity = '1';
    activeItem.classList.remove('delete');
    activeItem = null;
  });

  items[i].addEventListener('mousemove', function(e) {
    if (this === activeItem) {
      var x = e.pageX - this.offsetWidth / 2;
      var y = e.pageY - this.offsetHeight / 2;
      this.style.transform = 'translate(' + x + 'px, ' + y + 'px)';
    }
  });
}

container.addEventListener('mouseup', function(e) {
  if (activeItem !== null) {
    activeItem.style.opacity = '1';
    activeItem.classList.remove('delete');
    activeItem.style.transform = 'none';
    activeItem = null;
  }
});

这段代码实现了移动屏幕上的粘性删除功能。当鼠标按下一个元素时，该元素会变为半透明，并且添加一个样式类"delete"，表示该元素将被删除。然后，当鼠标移动时，该元素会跟随鼠标移动。当鼠标松开时，如果该元素被拖动到容器外部，则会取消删除操作；否则，该元素会恢复原来的样式。

请注意，这只是一个基本示例，仅实现了简单的拖动和删除功能。如果需要更复杂的功能，比如拖动到特定区域时触发其他操作，还需要进一步完善代码。