鼠标拖动 自定义弹出框

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了鼠标拖动 自定义弹出框相关的知识,希望对你有一定的参考价值。

/*设置自定义弹出框可移动*/
jQuery(document).ready(
function () {
$(‘.popmodal .popheader‘).mousedown(
function (event) {
var isMove = true;
var abs_x = event.pageX - $(this).offset().left;
var abs_y = event.pageY - $(this).offset().top;
$(document).mousemove(function (event) {
if (isMove) {
var obj = $(‘div.popmodal‘);
obj.css({‘left‘:event.pageX - abs_x, ‘top‘:event.pageY - abs_y});
}
}
).mouseup(
function () {
isMove = false;
}
);
}
);
}
);

以上是关于鼠标拖动 自定义弹出框的主要内容,如果未能解决你的问题,请参考以下文章

百度地图api点击 自定义的标注,弹出公交车、驾车那个框。

android开发中获取选中文字以及弹出框

android studio底部弹出框怎么变大

自定义一个在鼠标移入弹窗时不消失的基于Bootstrap的popover

模拟按下鼠标拖动弹出框

谷歌浏览器输入框自定义删除浏览器数据