Html 如何在拖动元素时禁用阻止光标?
我正在一个小网页中实现“拖放”功能,但是,我遇到了一个界面问题 每当我尝试拖动其Html 如何在拖动元素时禁用阻止光标?,html,css,drag-and-drop,draggable,Html,Css,Drag And Drop,Draggable,我正在一个小网页中实现“拖放”功能,但是,我遇到了一个界面问题 每当我尝试拖动其draggable属性设置为true的元素时,浏览器会在元素旁边显示一个阻止图标 下图有助于说明问题: 是否有人知道如何更改该图标,或者该图标无法解析? 文件 #下降区{ 背景色:#eee; 边框:1px虚线#aaa; 最大宽度:200px; 填充:100px; -webkit用户拖动:自动; } .拖拉{ 宽度:100px; 高度:50px; 背景颜色:白肋木; 边界半径:10px; 利润率:20px; 线高
draggable
属性设置为true
的元素时,浏览器会在元素旁边显示一个阻止图标
下图有助于说明问题:
是否有人知道如何更改该图标,或者该图标无法解析?
文件
#下降区{
背景色:#eee;
边框:1px虚线#aaa;
最大宽度:200px;
填充:100px;
-webkit用户拖动:自动;
}
.拖拉{
宽度:100px;
高度:50px;
背景颜色:白肋木;
边界半径:10px;
利润率:20px;
线高:50px;
文本对齐:居中;
}
Dropzone
将任何东西拖到这里
对象1
对象2
window.ondragstart=函数(e){
e、 dataTransfer.setData('text/plain',e.target.id);
}
var dropzone=document.querySelector(“#dropzone”);
dropzone.ondragover=函数(e){
e、 预防默认值();
}
dropzone.ondrop=函数(e){
//this.innerHTML='';
this.appendChild(document.getElementById(e.dataTransfer.getData('text/plain'));
}
您能创建一些代码片段来说明问题吗?等等。。。我将创建它…@KamilKiełczewski我刚刚添加了代码..在Chrome mac操作系统上,我无法重现这个问题(请看“加”图标而不是“块”)@KamilKiełczewski有没有办法更改浏览器的默认行为?