首页 > 代码库 > jQuery拖拽
jQuery拖拽
PC 端拖拽
function drag() {
var _move = false;
var _x, _y;
$(".drag").click(function() {
console.log($(".drag>g").css("display"));
}).mousedown(function(e) {
_move = true;
_x = e.pageX - parseInt($(".drag").css("left"));
_y = e.pageY - parseInt($(".drag").css("top"));
});
$(document).mousemove(function(e) {
if(_move) {
var x = e.pageX - _x;
var y = e.pageY - _y;
$(".drag").css({
top: y,
left: x
});
}
}).mouseup(function() {
_move = false;
});
}
手机 端拖拽
function drag(){
var _move=false;
var _x,_y;
var drag = document.getElementById(‘drag‘);
drag.addEventListener("touchstart",function(e){
var touch = event.targetTouches[0];
console.log(touch);
_move=true;
_x=touch.pageX-parseInt($("#drag").css("left"));
_y=touch.pageY-parseInt($("#drag").css("top"));
});
document.addEventListener("touchmove",function(e){
var touch = event.targetTouches[0];
if(_move){
var x=touch.pageX-_x;
var y=touch.pageY-_y;
$("#drag").css({top:y,left:x});
}
})
document.addEventListener("touchend",function(e){
_move=false;
});
}
jQuery拖拽
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。