在Chrome中拖动时锁定鼠标光标

Question

这与所有其他问题不同. 我已经阻止Chrome在拖动时进入文本选择模式. (编辑:我只想锁定图标/外观,不限制位置或移动,仅限于mousedown和mouseup之间)我想避免的问题是Chrome在拖动时更改光标,到光标下的任何内容(即-i-beam同时在文本输入控制,手上同时超链接等).

IE和FireFox/Moz支持我在mousedown事件中调用的element.setCapture(),它将这些浏览器"锁定"到元素中,以便鼠标光标停留在该元素的光标上.非常好.Chrome不支持我所知道的功能或类似功能.

通过观察文档对象上的mousemove和mouseup事件而不是单击的元素,我仍然可以获得大部分的setCapture()行为,因为我可以跟踪在元素外部发生的鼠标事件,甚至在外部浏览器窗口.但是,我还剩下一个问题,Chrome中的鼠标光标变化了.

Answer 1

我通常将一个元素放置在其他所有元素上，并在鼠标按下时将目标光标放在上面，并在鼠标按下时将其删除。远不是最干净的方法，但它对我有用。