编程 Javascript

怎么用javascript进行拖拽

Posted in Javascript onJuly 20, 2006

本文译自：http://www.webreference.com/programming/javascript/mk/column2/index.html
所有版权归原文所有

Javascript的特点是dom的处理与网页效果，大多数情况我们只用到了这个语言的最简单的功能，比如制作图片轮播/网页的tab等等，这篇文章将向你展示如何在自己的网页上制作拖拽．

有很多理由让你的网站加入拖拽功能，最简单的一个是数据重组．例如：你有一个序列的内容让用户排序，用户需要给每个条目进行输入或者用select选择，替代前面这个方法的就是拖拽．或许你的网站也需要一个用户可以拖动的导航窗口！那么这些效果都是很简单：因为你可以很容易的实现！

网页上实现拖拽其实也不是很复杂．第一你需要知道鼠标坐标，第二你需要知道用户鼠标点击一个网页元素并实现拖拽，最后我们要实现移动这个元素．

怎么用javascript进行拖拽

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript实现分栏显示小技巧附图

Oct 13 Javascript

JavaScript用select实现日期控件

Jul 17 Javascript

javascript实现base64 md5 sha1 密码加密

Sep 09 Javascript

CSS或者JS实现鼠标悬停显示另一元素

Jan 22 Javascript

深入理解JS中的substr和substring

Apr 26 Javascript

jquery插件uploadify多图上传功能实现代码

Aug 12 Javascript

Node.js之网络通讯模块实现浅析

Apr 01 Javascript

基于BootStrap的文本编辑器组件Summernote

Oct 27 Javascript

详解vue-meta如何让你更优雅的管理头部标签

Jan 18 Javascript

JavaScript中0、空字符串、'0'是true还是false的知识点分享

Sep 16 Javascript

Vue混入mixins滚动触底的方法

Nov 22 Javascript

Vue获取微博授权URL代码实例

Nov 04 Javascript

繁简字转换功能

Jul 19 #Javascript

Javascript - HTML的request类

Jul 15 #Javascript

表单的一些基本用法与技巧

Jul 15 #Javascript

popdiv

Jul 14 #Javascript

游戏人文件夹程序 ver 4.03

Jul 14 #Javascript

游戏人文件夹程序 ver 3.0

Jul 14 #Javascript

表单提交验证类

Jul 14 #Javascript

You might like

Session的工作机制详解和安全性问题（PHP实例讲解）

2014/04/10 PHP

Yii实现多数据库主从读写分离的方法

2014/12/29 PHP

php实现替换手机号中间数字为*号及隐藏IP最后几位的方法

2016/11/16 PHP

Laravel 6 将新增为指定队列任务设置中间件的功能

2019/08/06 PHP

Laravel5.1框架路由分组用法实例分析

2020/01/04 PHP

javascript不同页面传值的改进版

2008/09/30 Javascript

IE下js调试工具Companion.JS

2010/10/15 Javascript

EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码

2010/10/26 Javascript

jQuery ui插件的使用方法代码实例

2013/05/08 Javascript

在javascript中如何得到中英文混合字符串的长度

2014/01/17 Javascript

在JavaScript中使用timer示例

2014/05/08 Javascript

JS获取及设置TextArea或input文本框选择文本位置的方法

2015/03/24 Javascript

jquery图片滚动放大代码分享（1）

2015/08/25 Javascript

基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏

2016/01/07 Javascript

纯js代码制作的网页时钟特效【附实例】

2016/03/30 Javascript

js中class的点击事件没有效果的解决方法

2016/10/13 Javascript

jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】

2017/03/21 jQuery

Vue非父子组件通信详解

2017/06/12 Javascript

Vue和Bootstrap的整合思路详解

2017/06/30 Javascript

vue init失败简单解决方法(终极版)

2017/12/22 Javascript

Angularjs实现多图片上传预览功能

2018/07/18 Javascript

vue--vuex详解

2019/04/15 Javascript

layui问题之模拟table表格中的选中按钮选中事件的方法

2019/09/20 Javascript

利用React高阶组件实现一个面包屑导航的示例

2020/08/23 Javascript

python模仿网页版微信发送消息功能

2018/02/24 Python

Python实现括号匹配方法详解

2020/02/10 Python

Python之字典对象的几种创建方法

2020/09/30 Python

图解CSS3制作圆环形进度条的实例教程

2016/05/26 HTML / CSS

计算机应用专业学生的自我评价分享

2013/11/03 职场文书

咖啡店自主创业商业计划书

2014/01/22 职场文书

2014年教师个人工作总结

2014/11/10 职场文书

法定代表人证明书

2014/11/28 职场文书

义诊活动总结

2015/02/04 职场文书

青年联谊会致辞

2015/07/31 职场文书

导游词之无锡东林书院

2019/12/11 职场文书

Python 数据可视化之Seaborn详解

2021/11/02 Python