js拖拽时取消半透明元素

在拖拽元素时，可以使用CSS的`opacity`属性来设置元素的透明度。为了取消元素的半透明效果，可以在拖拽时将该属性设置为 1，表示完全不透明。

下面是一个简单的实现示例：

<div class="draggable">可拖拽的元素</div>

<style>
  .draggable {
    opacity: 0.5; /* 初始时设置元素半透明 */
    cursor: move; /* 设置鼠标样式为移动 */
  }
  .dragging {
    opacity: 1; /* 拖拽时取消半透明效果 */
  }
</style>

<script>
  var draggable = document.querySelector('.draggable');

  draggable.addEventListener('dragstart', function(event) {
    // 添加dragging类名，以取消半透明效果
    draggable.classList.add('dragging');
    // 设置拖拽数据
    event.dataTransfer.setData('text/plain', '拖拽的数据');
  });

  draggable.addEventListener('dragend', function(event) {
    // 移除dragging类名，恢复半透明效果
    draggable.classList.remove('dragging');
  });
</script>

在拖拽开始时，添加名为`dragging`的类名并设置元素不透明，拖拽结束后再移除该类名，这样就可以实现取消元素半透明的效果。