在handle事件中通过传入的type区分了单击和双击事件，在div上通过onclick 和ondbclick来调用handle方法，但是每次双击会先执行单击方法，怎么办

这种情况可能是由于浏览器的事件处理机制导致的，JavaScript默认的行为是单击事件会在双击事件之前触发。如果你想确保双击事件先于单击事件处理，你可以采取以下策略：

1. **阻止冒泡**：通过`event.stopPropagation()`方法，防止单击事件继续向上冒泡到父元素，从而只处理当前的点击事件。

function handle(event) {
  if (event.type === 'dblclick') {
    // 双击操作
  } else {
    event.stopPropagation(); // 阻止单击事件进一步传播
    handleSingleClick(event);
  }
}

function handleSingleClick(event) {
  // 单击操作
}

2. **事件委托**：如果你有多个这样的div，可以将事件监听器放在它们的共同父元素上，并通过`event.target`来判断触发者是哪个div。

document.getElementById('parentElement').addEventListener('click', function(event) {
  if (event.target.tagName.toLowerCase() === 'div') {
    const isDoubleClick = event.detail === 2; // 检查是否是双击（通常detail属性为2表示双击）
    if (isDoubleClick) {
      handleDblClick(event);
    } else {
      handleSingleClick(event);
    }
  }
});

function handleDblClick(event) {
  // 处理双击
}

function handleSingleClick(event) {
  // 处理单击
}

3. **延迟处理**：如果需要更精确的时间控制，可以使用setTimeout配合clearTimeout来判断是否是真正的双击。

let singleClickTimer;

function handle(event) {
  clearTimeout(singleClickTimer); // 清除可能存在的延时计时器

  if (event.type === 'dblclick') {
    handleDblClick(event);
  } else {
    singleClickTimer = setTimeout(() => {
      if (!event.defaultPrevented) { // 确保不是用户取消的操作
        handleSingleClick(event);
      }
    }, 500); // 设置一定时间间隔检查是否是连续两次点击
  }
}

function handleDblClick(event) {
  // 处理双击
}

function handleSingleClick(event) {
  // 处理单击
}