js实现简单鼠标拖拽，文件拖入文件夹效果

最新推荐文章于 2022-07-28 10:01:13 发布

VIP文章 BCance

最新推荐文章于 2022-07-28 10:01:13 发布

阅读量4k

点赞数

分类专栏： javascript 文章标签： js鼠标拖拽 js文件拖入文件夹

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/BCance/article/details/25158005

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>简单鼠标拖拽</title>
    <style type="text/css">
        #dray {
            position: absolute;
            left: 0;
            top: 0;
            width: 300px;
            height: 300px;
            background-color: red;
            -moz-user-select: none;
        }

        #box {
            width: 400px;
            height: 400px;
            margin-left: 500px;
            margin-top: 200px;
            background-color: green;
        }
    </style>
</head>
<body οnlοad="dvDray()">
    <div id="dray">拖我</div>
    <div id="b

最低0.47元/天解锁文章

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
4
评论
js实现简单鼠标拖拽，文件拖入文件夹效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 简单鼠标拖拽 #Dray { position: absolute;
复制链接

扫一扫

专栏目录

BCance CSDN认证博客专家 CSDN认证企业博客

码龄10年

8: 原创

147万+: 周排名

192万+: 总排名

1万+: 访问

: 等级

206: 积分

0: 粉丝

0: 获赞

4: 评论

2: 收藏

私信

关注

热门文章

分类专栏

javascript 7篇
CSS3 2篇
winform 1篇

最新评论

js实现简单鼠标拖拽，文件拖入文件夹效果
jigsaw: 文件拖入文件夹，你这标题不对啊
js实现简单鼠标拖拽，文件拖入文件夹效果
jying1030 回复 BCance: 那比如我在前面要加个复选框，就是在可拖动的层里面，要复选框被选中了才能够执行拖动事件，没有被选中点击选中后也可以执行拖动事件。我在onload的里面直接做的判断，if（xx.checked==true）才执行，但是我发现只有在页面加载的时候被复选框选中了才能够执行，之后点击选中是不能执行的，这个问题要怎么解决呢？谢谢！！
js实现简单鼠标拖拽，文件拖入文件夹效果
BCance 回复 jying1030: var d=document,x,y; 这样写就是为了节省空间，其实就是声明了以下变量 var d=document; var x; var y; 还有你说的只有在onmousedown和onmousemove的情况下才触发，拖动前肯定是先鼠标按下才能拖动吧，呵呵。
js实现简单鼠标拖拽，文件拖入文件夹效果
jying1030: 请问一下，var d=document,x,y; 这句是什么意思呢，还有就是，如果我想要有一个事件，这个事件是只有在onmousedown和onmousemove的情况下才触发的，就是只有在按下并拖动的时候才触发的，要怎么做呢？谢谢！

最新文章

目录

评论 4

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。