Javascript:如何在拖动过程中设置光标在网站上进行拖放操作?

发布于 2024-11-08 23:41:34 字数 181 浏览 0 评论 0原文

我正在开发一个 Chrome 浏览器扩展,允许拖放在页面上的任何地方放置一种操作。然而,当用户执行此操作时,光标通常会更改为文本光标。

我怎样才能改变这种行为? CSS 光标属性似乎只有在您没有按住鼠标按钮时才会启动。

PS:由于我正在开发 Google Chrome 的扩展程序,因此其他浏览器对我来说并不重要。

I am developing a Chrome browser extension that allows a drag & drop kind of operation everywhere on the page. However, while the user performs this operation the cursor is usually changed to the text cursor.

How can I alter that behaviour? The CSS cursor property seems to only kick in when you're not holding the mouse button down.

PS: Since, I'm developing an extension for Google Chrome, other browser do not matter to me.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

冬天旳寂寞 2024-11-15 23:41:34

只需覆盖“dragstart”消息处理程序以及“selectstart”...
在函数中取消事件时...

<script type="text/ecmascript">
window.addEventListener("dragstart", function(fEventObject){ CancelEvent(fEventObject); } );
window.addEventListener("selectstart", function(fEventObject){ CancelEvent(fEventObject); } );

function CancelEvent(fEventObject) 
{
   if (fEventObject.preventDefault) fEventObject.preventDefault();
   if (fEventObject.cancel != null) fEventObject.cancel = true;
}

</script>

Simply override the "dragstart" message handler as well as the "selectstart"...
While in the function cancel the event...

<script type="text/ecmascript">
window.addEventListener("dragstart", function(fEventObject){ CancelEvent(fEventObject); } );
window.addEventListener("selectstart", function(fEventObject){ CancelEvent(fEventObject); } );

function CancelEvent(fEventObject) 
{
   if (fEventObject.preventDefault) fEventObject.preventDefault();
   if (fEventObject.cancel != null) fEventObject.cancel = true;
}

</script>
溇涏 2024-11-15 23:41:34

您可以在 body 标记中添加一个 css 类来设置光标,然后在放置时删除该类吗?

Could you add a css class to the body tag, that sets the cursor, then remove than class on drop?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文