Javascript:如何在拖动过程中设置光标&在网站

问题描述

我正在开发一个 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.

我怎样才能改变这种行为?CSS 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:由于我正在为 Google Chrome 开发一个扩展程序，其他浏览器对我来说并不重要.

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

推荐答案

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

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>

这篇关于Javascript:如何在拖动过程中设置光标&在网站上放置操作?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持html5模板网！