evt.preventDefault 在 IE 和 Edge 中的鼠标移动事件上不起作用，甚至尝试了 evt.returnValue = false;但并没有阻

移动

在处理鼠标移动事件时，我们通常会使用evt.preventDefault来阻止事件的默认行为，例如阻止鼠标拖动元素或者禁止文本选择。然而，在IE和Edge浏览器中，evt.preventDefault似乎并不起作用，甚至尝试使用evt.returnValue = false;也无法阻止事件的传播。这给开发者带来了一些困扰，特别是在需要精确控制鼠标行为的情况下。

那么为什么在IE和Edge中evt.preventDefault不起作用呢？这是因为IE和Edge对事件处理模型的实现方式不同于其他现代浏览器，导致evt.preventDefault无效。在这两个浏览器中，事件处理程序被添加到了元素的onmousemove属性上，而不是通过addEventListener方法来注册。这种实现方式导致了事件对象的属性和方法的差异，从而影响了evt.preventDefault的效果。

为了解决这个问题，我们可以使用一些替代的方法来阻止鼠标移动事件的默认行为和传播。下面是一个简单的示例代码，演示了如何在IE和Edge中阻止鼠标移动事件的默认行为：

Javascript
// 在IE和Edge中阻止鼠标移动事件的默认行为
function preventDefaultInIeAndEdge(evt) {
  if (evt.preventDefault) {
    evt.preventDefault();
  } else {
    evt.returnValue = false;
  }
}
// 注册事件处理程序
var element = document.getElementById('myElement');
if (element.attachEvent) {
  element.attachEvent('onmousemove', preventDefaultInIeAndEdge);
} else {
  element.addEventListener('mousemove', preventDefaultInIeAndEdge);
}

在上面的代码中，我们定义了一个名为preventDefaultInIeAndEdge的函数，用于阻止鼠标移动事件的默认行为。在函数内部，我们首先判断evt.preventDefault方法是否存在，如果存在则调用该方法来阻止默认行为；否则，我们使用evt.returnValue = false来达到同样的效果。接下来，我们根据浏览器的类型来注册事件处理程序，对于IE浏览器，我们使用attachEvent方法来添加事件处理程序；对于其他现代浏览器，我们使用addEventListener方法来注册事件。

在IE和Edge中阻止鼠标移动事件的默认行为

上述代码中的preventDefaultInIeAndEdge函数可以用于阻止鼠标移动事件的默认行为和传播。通过判断浏览器类型，我们选择使用evt.preventDefault或者evt.returnValue = false来实现阻止默认行为的效果。通过这种方式，我们可以在IE和Edge中实现与其他现代浏览器一致的鼠标事件处理。

一下，在处理鼠标移动事件时，我们需要注意在IE和Edge中evt.preventDefault可能不起作用的问题。为了解决这个问题，我们可以使用上述的替代方法来阻止鼠标移动事件的默认行为和传播。通过这种方式，我们可以确保在不同浏览器中实现一致的鼠标事件处理效果。