jquery mouseover(),用于检查拖放中的文件

本文关键字:拖放 文件 检查 用于 mouseover jquery | 更新日期: 2023-09-27 18:23:38

是否有任何版本的jquery的.mouseover()可用于检查用户是否正在将文件拖动到mouseover状态?

上下文是,当用户悬停在div上时,如果他们按住鼠标按钮将某个东西拖到上面,我想做一件事,如果这只是一个普通的鼠标悬停,我想再做另一件事。

感谢您的帮助

jquery mouseover(),用于检查拖放中的文件

使用jQuery UI可以轻松做到这一点。我在这里做了一个示例来演示:

  • http://jsfiddle.net/hsTqR/

不拖动droppable元素时,鼠标悬停将更改字体(一种效果)。如果拖动draggable并将鼠标悬停在droppable上,则会看到颜色发生了变化(另一种效果)。

如果你不想使用jQuery UI,那么你必须自己模拟上面的:

  • 每当拖动某个对象(在我上面的示例中为draggable)时,您都需要触发某个标志,表明您有一个正在拖动的对象
  • 类似地,当draggable停止拖动时清除该标志
  • mouseover事件处理程序中,根据标志有不同的效果——如果设置了标志,就做一件事,如果清除了标志,则做其他事情

希望这能有所帮助。