js 左侧拖拽dom到右侧，右侧dom判断拖拽到dom内即可展示拖拽内容

您可以使用 HTML5 中的拖放 API 来实现这个功能。具体的步骤如下：

1. 在左侧的 DOM 元素上设置 draggable 属性为 true，使其可拖拽。
2. 在左侧的 DOM 元素上添加 dragstart 事件监听器，将要拖拽的数据存储在 event.dataTransfer 中。
3. 在右侧的 DOM 元素上添加 dragover 和 drop 事件监听器。
4. 在 dragover 事件监听器中调用 event.preventDefault()，防止默认的拖放行为。
5. 在 drop 事件监听器中获取拖放的数据，判断是否需要将数据添加到右侧的 DOM 元素中。

以下是一个简单的示例代码：

HTML 代码：

<div id="left" draggable="true">拖拽内容</div>
<div id="right">右侧内容</div>

JavaScript 代码：

var left = document.getElementById('left');
var right = document.getElementById('right');

left.addEventListener('dragstart', function(event) {
  event.dataTransfer.setData('text/plain', '拖拽内容');
});

right.addEventListener('dragover', function(event) {
  event.preventDefault();
});

right.addEventListener('drop', function(event) {
  var data = event.dataTransfer.getData('text/plain');
  if (event.target === right) {
    right.appendChild(document.createTextNode(data));
  }
});