拖拽功能，首先是需要 mousedown,mousemove,mouseup 这三个事件的，然后最主要的是怎么样计算 目标元素 随鼠标移动的坐标 。 1. 在mousedown事件里，获取鼠标点击时的坐标:m_x1 | m_y1 和 目标元素的坐标:t_x1 | t_y1 计算出 当时鼠标 相对 目标元素左上角的 坐标 r_x2 = m_x1 - t_x1, r_y2 = m_y1 - t_y1。... [阅读全文]

基本拖拽 new Dragdrop({ target 拖拽元素 HTMLElemnt 必选 bridge 指定鼠标按下哪个元素时开始拖拽，实现模态对话框时用到 dragable 是否可拖拽 (true)默认 dragX true/false false水平方向不可拖拽 (true)默认 dragY true/false false垂直方向不可拖拽 (true)默认 area [minX,maxX,... [阅读全文]

实现拖拽的基本思路 拖拽的基本原理就是根据鼠标的移动来移动被拖拽的元素。鼠标的移动也就是x、y坐标的变化；元素的移动就是style.position的top和left的改变。当然，并不是任何时候移动鼠标都要造成元素的移动，而应该判断鼠标左键的状态是否为按下状态，是否是在可拖拽的元素上按下的。 根据以上的基本原理，我写出了下面的基本思路。感觉代码还是比较短的， view plain... [阅读全文]

如果您有疑问或建议，请进入技术讨论区交流 一、开篇 在写了前几篇拖拽过后，有不少朋友留言说如果将拖拽结果持久化将会更好。在了解了JavaScript对Cookie的操作还有一点JSON知识过后，修改了上一篇文章的代码，可以将结果保存在客户端Cookie，每次打开页面就可以载入上次拖拽的数据，得到上次的拖拽布局。 查看示例 二、原理 首先添加了... [阅读全文]

如果您有疑问或建议，请进入技术讨论区交流 在阅读本文之前，请先看一看第一篇文章JavaScript拖拽系列文章1之offsetParent属性，因为循序渐进是一个很好的习惯，值得提倡。 好了，看看我们今天的内容吧。 首先让我们先看一看element.offsetLeft属性。 支持的浏览器：Internet Explorer 4.0+，Mozi... [阅读全文]

对于经常和图片打交道的朋友们来说，顺手的看图工具当然是必备。用得顺手的同时，还得要求看图工具能满足到不同的应用需求，比如大图浏览不卡、符合自己的操作习惯、可以作简单的批量处理等，而“美图看看”这个全能看图工具就能很好的满足需要。　　1.图片细节“拖”着看　　数码一类的高清大图是最考验看图工具的，因为我们不仅要求要看图不卡，有时还希望能够在看图窗口中拖拽图片，以方便查看大图的细节。美图看看由于提供了... [阅读全文]

管理软件能支持拖拽功能，会好用很多，用户体验也会改善很多。想做好一个组件需要把放放面面都彻底做好才可以。 想要控件支持拖拽，需要设置 AllowDrop 属性。 还需要写下面的2个事件。 参考代码如下，有需要的可以参考一下，把有需要的代码参考一下就可以了。 代码 Code highlighting produced by Actipro CodeHighlighter (freeware) ht... [阅读全文]