如果不在此处复制和粘贴大量代码,这可能很难描述,但我会尝试。
我必须使用 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; }
关于javascript - 用户在我的页面上拖动对象时如何防止 'I-Beam' 光标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4520587/