javascript - 用户在我的页面上拖动对象时如何防止 'I-Beam' 光标

标签 javascript html css

如果不在此处复制和粘贴大量代码,这可能很难描述,但我会尝试。

我必须使用 javascript 构建一个自定义的可拖动对象 - 我过去使用过 jquery,但它不适用于这个元素。我已经得到它的大部分工作,除了当用户点击对象(DIV)并将其拖过页面时,他或她的光标变为经典的 i-beam 文本选择器。

无论我尝试什么,我都无法禁用此光标。我试过放类似的东西。

this.style.cursor = 'pointer';  

在所讨论的 div 的“onmousedown”函数中,但是一旦你开始拖动,blammo,你就会有一个 i-beam 光标。如果我将上面的代码放在实际的拖动功能中,也是如此。

我已经尝试使用 css 在整个文档中禁用文本选择(这不是一个实际的解决方案,因为我希望人们能够在此站点上复制/粘贴,但只是为了看看它是否有效),但光标仍然用户拖动时发生变化。

我想我真正想要的是一种暂时完全禁止 i-beam 光标出现在我的页面上的方法。

好的,在此先感谢您的帮助。

最佳答案

执行此操作的正确方法(至少适用于 Chrome):

var canvas = $('canvas')[0]
canvas.onselectstart = function () { return false; }

参见 html5 canvas hand cursor problems .

关于javascript - 用户在我的页面上拖动对象时如何防止 'I-Beam' 光标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4520587/

相关文章:

javascript - Bootstrap 3动态显示文字

javascript - 在网站上使用 HTML/CSS 生成器是否合法?

php - 将 SQL 表导出到 CSV,列名未出现

html - 为什么这个 Twitter 关注按钮不会下移?

html - 图像显示在 IE11 的对话框外

javascript - 如何将 Google Analytics 集成到 GWT 应用程序中?

javascript - 如何用 CSS 覆盖 HTML <FONT SIZE ="2">

javascript - 使用 Javascript/jQuery 将重定向上的 POST 数据发送到顶级 iframe?

javascript - 元素(背景图像)不透明度,但没有边框不透明度

html - 在 CSS 中更改图像的大小