思路
通过监听mousemove和mouseup事件实现拖拽功能
代码块
var screenWidth = document.documentElement.clientWidth;
var screenHeight = document.documentElement.clientHeight;
$(document).mousemove(function(e) {
if (!!this.move) {
var posix = !document.move_target ? {
'x': 0, 'y': 0} : document.move_target.posix,
callback = document.call_down || function() {
// box为拖拽对象id
$("#box").css({
"margin":0
})
// 使拖拽对象在可视区域内拖动
if((e.pageY - posix.y) < 0 && (e.pageX - posix.x) < 0){
$(this.move_target).css(