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

2014-04-01 17:53:15 +08:00
 lijinma
很简单一个需求,

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

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

帮帮忙。。


<script src="https://gist.github.com/lijinma/9911144.js"></script>
2670 次点击
所在节点    JavaScript
3 条回复
yooungt13
2014-04-01 18:24:06 +08:00
拖动效果要捕捉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
2014-04-01 18:27:47 +08:00
@yooungt13 感谢啊,兄弟!!!
lijinma
2014-04-01 21:01:08 +08:00
哈哈 stackoverflow 果然给力,解决了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/106843

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX