本文探讨了在不同浏览器（如谷歌Chrome和火狐Firefox）中，元素拖放功能存在的灵敏度问题和视觉表现差异。在Chrome中拖放无拖影效果，而在火狐中则显示拖影。通过示例代码展示了如何使用JavaScript处理拖放事件，包括ondragstart、ondrag、ondragend、ondragenter、ondragover、ondragleave和ondrop等，以优化拖放体验。
鼠标拖拽多次没有反应，但最终都会有拖拽效果(感觉就像 拖拽不灵敏)并且在谷歌浏览器中拖拽没有影子，而火狐有影子。
#dragRegion{
display:block;
width:300px;
height:100px;
margin:100px;
background-color:aquamarine;
}
#drag{
width:100px;
height:100px;
float:left;
background-color:bisque;
}
drag.ondragstart = function () {
console.log('1')
}
drag.ondrag = function(){
console.log('2')
}
drag.ondragend = function(){
console.log('3')
}
dragRegion.ondragenter = function(){
console.log('4')
}
dragRegion.ondragover = function(e){
e.stopPropagation();
e.preventDefault();
console.log('5')
}
dragRegion.ondragleave = function(){
console.log('6')
}
dragRegion.ondrop = function(){
console.log('7')
}
扫一扫
123
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
