编程 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 迁移目录

Dec 18 Javascript

Firefox div高度自适应

Apr 28 Javascript

对javascript的一点点认识总结《javascript高级程序设计》读书笔记

Nov 30 Javascript

jquery操作checked属性以及disabled属性的多种方法

Jun 20 Javascript

批量修改标签css样式以input标签为例

Jul 31 Javascript

用JavaScript实现用一个DIV来包装文本元素节点

Sep 09 Javascript

JS对象与json字符串格式转换实例

Oct 28 Javascript

微信jssdk用法汇总

Jul 16 Javascript

js 将input框中的输入自动转化成半角大写（税号输入框）

Feb 16 Javascript

在 Angular中使用 Lodash 的方法

Feb 11 Javascript

jquery 给动态生成的标签绑定事件的几种方法总结

Feb 24 jQuery

RxJS的入门指引和初步应用

Jun 15 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

openflashchart 2.0 简单案例php版

2012/05/21 PHP

yii2高级应用之自定义组件实现全局使用图片上传功能的方法

2016/10/08 PHP

PHP面向对象自动加载机制原理与用法分析

2016/10/14 PHP

详解配置 Apache 服务器支持 PHP 文件的解析

2017/02/15 PHP

PHP文件操作实例总结【文件上传、下载、分页】

2018/12/08 PHP

php源码的使用方法讲解

2019/09/26 PHP

Jquery ThickBox插件使用心得(不建议使用)

2010/09/08 Javascript

js实现浏览器的各种菜单命令比如打印、查看源文件等等

2013/10/24 Javascript

js简单工厂模式用法实例

2015/06/30 Javascript

js实现简单排列组合的方法

2016/01/27 Javascript

JS排序方法（sort，bubble，select，insert）代码汇总

2016/01/30 Javascript

easyui tree带checkbox实现单选的简单实例

2016/11/07 Javascript

关于微信上网页图片点击全屏放大效果

2016/12/19 Javascript

jQuery中layer分页器的使用

2017/03/13 Javascript

js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解

2017/03/15 Javascript

Node.js发送HTTP客户端请求并显示响应结果的方法示例

2017/04/12 Javascript

Vue实现6位数密码效果

2018/08/18 Javascript

vue组件之间通信实例总结(点赞功能)

2018/12/05 Javascript

解决layui下拉框监听问题(监听不到值的变化)

2019/09/28 Javascript

[02:03]DOTA2亚洲邀请赛 HGT战队出场宣传片

2015/02/07 DOTA

详解flask表单提交的两种方式

2018/07/21 Python

详解python内置常用高阶函数(列出了5个常用的)

2020/02/21 Python

Numpy(Pandas)删除全为零的列的方法

2020/09/11 Python

python利用faker库批量生成测试数据

2020/10/15 Python

Python爬虫入门教程02之笔趣阁小说爬取

2021/01/24 Python

CSS3下的渐变文字效果实现示例

2018/03/02 HTML / CSS

HTML5应用之文件上传

2016/12/30 HTML / CSS

德国网上超市：myTime.de

2019/08/26 全球购物

毕业生就业协议书

2014/04/11 职场文书

承诺书格式范文

2014/06/03 职场文书

关于诚信的活动方案

2014/08/18 职场文书

浅谈如何写好演讲稿？

2019/06/12 职场文书

Redis命令处理过程源码解析

2022/02/12 Redis

Mysql外键约束的创建与删除的使用

2022/03/03 MySQL

Python Pygame实战在打砖块游戏的实现

2022/03/17 Python

如何解决flex文本溢出问题小结

2022/07/15 HTML / CSS