关于Div拖动失效的问题

主要是事件的捕获范围的问题

如var isDown = false;
var mouseY;
// 根据不同浏览器获取鼠标位置
function mouseCoords(ev) {
    // FF
    if (ev.pageX || ev.pageY) {
        return {
            x : ev.pageX,
            y : ev.pageY
        };
    }
    // IE
    return {
        x : ev.clientX + document.body.scrollLeft - document.body.clientLeft,
        y : ev.clientY + document.body.scrollTop - document.body.clientTop
    };
}
function mouseDown(event){
    if (event.pageX || event.pageY) {
        event.preventDefault();
    } else {
        document.body.setCapture(false);// 捕获事件范围
    }
    isDown = true;
    mouseY = mouseCoords(event || window.event).y;
}
function mouseUp(event){
    if (event.pageX || event.pageY) {
        event.preventDefault();
    } else {
        document.body.releaseCapture();
    }
    if(isDown){
        var offsetY = mouseY - mouseCoords(event || window.event).y;
        document.getElementById("personInfoDiv").style.height = +(document.getElementById("personInfoDiv").style.height.toString().replace("px","")) - offsetY + "px";
        document.getElementById("questionnaireDiv").style.height = +(document.getElementById("questionnaireDiv").style.height.toString().replace("px","")) + offsetY + "px";
    };
    isDown = false;
    document.getElementById("moveDiv").style.display = "none";
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值