当前位置: 首页 > 面试题库 >

禁用HTML元素上的拖放功能?

白子昂
2023-03-14
问题内容

我正在开发一个Web应用程序,正在尝试为其提供功能齐全的窗口系统。目前进展顺利,我只遇到一个小问题。有时,当我去拖动应用程序的一部分时(通常是窗口的角落div,这应该触发调整大小的操作),Web浏览器变得很聪明,并认为我的意思是拖放东西。最终结果是,当浏览器进行拖放操作时,我的动作被暂停。

有没有一种简便的方法来禁用浏览器的拖放?理想情况下,我希望能够在用户单击某些元素时将其关闭,但是要重新启用它,以便用户仍可以在我的Windows内容上使用其浏览器的正常功能。我正在使用jQuery,尽管我在浏览文档时找不到它,但是如果您知道一个纯jQuery解决方案,那将是非常好的。

简而言之:我需要在用户按下鼠标按钮时禁用浏览器文本选择和拖放功能,并在用户释放鼠标时恢复该功能。


问题答案:

尝试防止默认事件mousedown:

<div onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false">asd</div>

要么

<div onmousedown="return false">asd</div>


 类似资料:
  • 问题内容: 我正在开发一个Web应用程序,正在尝试为其提供功能齐全的窗口系统。目前进展顺利,我只遇到一个小问题。有时,当我去拖动应用程序的一部分时(通常是窗口的角落div,应该触发调整大小的操作),Web浏览器变得很聪明,并认为我的意思是拖放东西。最终结果是,当浏览器进行拖放操作时,我的动作被暂停。 是否有一种简单的方法来禁用浏览器的拖放?理想情况下,我希望能够在用户单击某些元素时将其关闭,但要重

  • 我试图使用Selenium的Action类将JQuery嵌套可排序列表中的源元素拖放到另一个元素。我使用了标准的dragAndDrop方法,并将其分解为clickAndHold、moveToElement和release,但这两种方法都不适用。我甚至尝试使用源元素内部的子元素来拖动,但结果是一样的。 当我运行脚本时,测试返回为已通过,因此我知道正在找到元素,并且选择器有效。Selenium认为拖放

  • 我正在使用本机拖放html5 api开发拖放界面。我们已经在其他部分使用了jQuery拖动,但是它在这个特定部分的表现很差,所以我们使用原始的JavaScript。 本质上,标记看起来像这样... 我为“dragstart”创建一个addEventListener并运行以下函数 它将我的类完美地应用于原始元素,但我似乎不能移动原始元素。浏览器创建克隆/幽灵图像...我看到你可以创建自己的图像显示,

  • 我知道可以设置,以更改拖放区上方的光标外观,但几乎没有选项:,,,以及——无自定义或类似选项。 我曾尝试用Javascript和CSS更改游标,比如设置

  • 本文向大家介绍jQuery实现html元素拖拽,包括了jQuery实现html元素拖拽的使用技巧和注意事项,需要的朋友参考一下 代码很简单,效果非常棒,直接给大家上源码: html css js 以上所述就是本文的全部内容了,希望大家能够喜欢。

  • 问题内容: 我针对其运行的网站位于内部服务器上,因此无法提供链接,但是我可以发布一些单击“显示元素”时显示的相关代码。 有五个与此相关的元素: 组1 学生 移动1 组2 移动2 此页面显示学生组,并允许用户在组之间拖动学生。每个组都有一个移动元素。棘手的部分是,仅当用户将学生元素拖到该组上时,任何给定组的“移动”按钮才会显示,而该学生并非来自该组。 目的是将学生转移到新的小组中,然后再移回原来的小