美文网首页
div 拖拽

div 拖拽

作者: _嘿嘿_ | 来源:发表于2018-06-18 13:52 被阅读0次

/* 图标功能加载*/
pageCommon.nav = function () {
var posX;
var posY;
var fwuss = $(".quick-nav")[0];
fwuss.onmousedown = function(e) {
//鼠标聚焦
fwuss.setCapture && fwuss.setCapture();
var disX = (e || event).clientX;
var disY = (e || event).clientY;
posX = disX - fwuss.offsetLeft;//获得横坐标x
posY = disY - fwuss.offsetTop;//获得纵坐标y
//监听拖拽线高
document.onmousemove = function(ev) {
//鼠标距离
var iT = (ev || event).clientX - posX;
var eT = (ev || event).clientY - posY;
fwuss.style.margin = 0;
fwuss.style.left = iT + "px";
fwuss.style.right = "unset";
fwuss.style.top = eT + "px";
return false
}
document.onmouseup = function() {
document.onmousemove = null;
document.onmouseup = null;
fwuss.releaseCapture && fwuss.releaseCapture();
};
return false
};

}

相关文章

  • 事件应用

    拖拽 拖拽原理 三大事件 -鼠标和Div的相对距离不变 把拖拽加到document上 如果拖得太快,会移出div,...

  • 事件应用

    拖拽 拖拽原理 三大事件 -鼠标和Div的相对距离不变 把拖拽加到document上 如果拖得太快,会移出div,...

  • div 拖拽

    /* 图标功能加载*/pageCommon.nav = function () {var posX;var pos...

  • 拖拽div的值到table

    Html 代码 jQeruyUI拖拽效果_拖拽div的值到table表格...

  • js 拖拽 DIV

  • 可拖拽div

    一个在移动端及PC端都可以使用的拖拽函数。 使用方法 需要先设置position属性,absolute relat...

  • 可拖拽div

  • JS拖拽div

  • JavaScrip--事件应用

    事件应用 拖拽 拖拽原理 三大事件 -鼠标和Div的相对距离不变 把拖拽加到document上 如果拖得太快,会移...

  • 可拖拽的div

网友评论

      本文标题:div 拖拽

      本文链接:https://www.haomeiwen.com/subject/mfdneftx.html