js 判断是否拖拽到指定的dom内和外

判断拖拽是否在指定的 DOM 元素内或外，可以在 `ondragover` 事件处理函数中使用 `event.target` 属性来获取当前鼠标所在的元素，进而判断是否在指定的元素内或外。具体的实现步骤如下：

1. 获取指定的 DOM 元素。

2. 给指定的 DOM 元素设置 `ondragover` 事件处理函数，并在该函数中调用 `event.preventDefault()` 防止浏览器默认的拖拽行为。

3. 在 `ondragover` 事件处理函数中，使用 `event.target` 属性获取当前鼠标所在的元素，并根据其和指定的元素的关系来进行判断。

4. 根据判断结果，执行相应的逻辑。

示例代码如下：

// 获取指定的 DOM 元素
const targetElement = document.getElementById('target');

// 给指定的 DOM 元素设置 ondragover 事件处理函数
targetElement.ondragover = function(event) {
  // 防止浏览器默认的拖拽行为
  event.preventDefault();

  // 判断当前鼠标所在的元素
  const currentElement = event.target;
  if (currentElement === targetElement) {
    // 当前在指定的元素内
    console.log('拖拽在指定的元素内');
  } else {
    // 当前在指定的元素外
    console.log('拖拽在指定的元素外');
  }
};

在上面的代码中，我们使用 `event.target` 属性获取当前鼠标所在的元素，并使用 `===` 运算符判断其是否和指定的元素相同。如果相同，则说明拖拽在指定的元素内；否则说明拖拽在指定的元素外。可以根据实际需求来执行相应的逻辑。