Javascript 求助：如何在以下代码上实现拖动效果

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 4451 days ago, the information mentioned may be changed or developed.

很简单一个需求，

代码： http://jsfiddle.net/9NpS4/

现在可以实现在每一个dot上点击切换的效果，但是我想实现拖动的效果

帮帮忙。。

<script src=".js"></script>

拖动

效果

代码

3 replies • 1970-01-01 08:00:00 +08:00

yooungt13

Apr 1, 2014

拖动效果要捕捉click位置。然后根据click位置x,y设定dot的top和left。
大概思路是注册一个事件监听器。
obj.addEventListener('click',function(event){
var x = event.clientX,
y = event.clientY;

// do something with x,y
},false);

详细实现可参见。http://hello13.net/BoxDrag/

lijinma

Apr 1, 2014

@yooungt13 感谢啊，兄弟！！！

lijinma

Apr 1, 2014

哈哈 stackoverflow 果然给力，解决了