Html/CSS/JavaScript 删除鼠标保持的图像预览

Html/CSS/JavaScript Removing image preview onmousehold

本文关键字：图像 鼠标 CSS JavaScript 删除 Html      更新时间：2023-09-26

嗨，上下文是我正在为"mousehold"事件开发一个jQuery插件，它已经存在一些，但它们主要使用intval触发回调函数，对于这个特定的项目，我需要它在mousemove上触发，一切都很好，但我遇到了图像问题。

例如，我试图重现的效果是当您想要拖动和重新定位您的 facebook 缩略图个人资料图片时。

问题是，正如您在图片上看到的那样，当您拖动图片时，它会显示我不想要的图像，无论如何都可以避免这种情况，我也不想要它，因为我的鼠标向上/退出/移动事件因此无法正确触发。

http://imageshack.us/photo/my-images/703/sanstitrebzs.png/

谢谢

如果使用 jQuery：

$("image").on("selectstart dragstart", function(e) { 
     e.preventDefault();
}

或 CSS 解决方案：

user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
相关文章：