Javascript Hammer.js-简单实现“拖放”DIV?
提示如何使用Hammer.js实现简单的拖放。1组: 我需要做这个div,我可以在屏幕上移动。目前我不会成功。情况并不复杂,我只是找不到最简单的实现,移动块,如果你能帮我实现一个简单的拖放,我将不胜感激Javascript Hammer.js-简单实现“拖放”DIV?,javascript,jquery,html,Javascript,Jquery,Html,提示如何使用Hammer.js实现简单的拖放。1组: 我需要做这个div,我可以在屏幕上移动。目前我不会成功。情况并不复杂,我只是找不到最简单的实现,移动块,如果你能帮我实现一个简单的拖放,我将不胜感激 我正在寻找一个简单的拖放解决方案,也找到了你的帖子 看来,锤子1.1.3没有发射盘事件。此外,事件监听器中的这个函数引用函数本身,left/top将字符串与px一起使用。我稍微修改了你的代码 var element = $('.first').get(0); var hammer
我正在寻找一个简单的拖放解决方案,也找到了你的帖子 看来,锤子1.1.3没有发射盘事件。此外,事件监听器中的这个函数引用函数本身,left/top将字符串与px一起使用。我稍微修改了你的代码
var element = $('.first').get(0);
var hammertime = new Hammer(element);
hammertime.on('pan', function(e) {
var tapX, tapY;
tapX = e.center.x;
tapY = e.center.y;
console.log(tapX + ' --- ' + tapY);
element.style.left = tapX + "px";
element.style.top = tapY + "px";
});
希望可以帮助你,尽管一年前有人问过这个问题:
var element = $('.first').get(0);
var hammertime = new Hammer(element);
hammertime.on('pan', function(e) {
var tapX, tapY;
tapX = e.center.x;
tapY = e.center.y;
this.style.left = tapX;
this.style.top = tapY;
});
var element = $('.first').get(0);
var hammertime = new Hammer(element);
hammertime.on('pan', function(e) {
var tapX, tapY;
tapX = e.center.x;
tapY = e.center.y;
console.log(tapX + ' --- ' + tapY);
element.style.left = tapX + "px";
element.style.top = tapY + "px";
});