阻止孩子被鼠标拖拽

要阻止孩子被鼠标拖拽，可以使用以下方法：

1. 使用CSS的pointer-events属性：设置孩子元素的pointer-events属性为none，这样鼠标无法与该元素进行交互。

<div id="parent">
  <div id="child"></div>
</div>

<style>
  #child {
    pointer-events: none;
  }
</style>

2. 使用JavaScript事件监听：在鼠标按下时，阻止事件的默认行为，从而阻止拖拽行为。

<div id="parent">
  <div id="child"></div>
</div>

<script>
  document.getElementById('child').addEventListener('mousedown', function(event) {
    event.preventDefault();
  });
</script>

这样，无论是通过CSS还是JavaScript方式，都可以阻止孩子元素被鼠标拖拽。