2021-09-30 jQuery 实现拖拽

// $('#index').mousedown(function (e) {

//    e = e || window.event;

//    //获取鼠标在div元素中的位置

//    var offX = e.offsetX;

//    var offY = e.offsetY;

//    $(this).mousemove(function (e) {

//        e = e || window.event;

//        var clientX = e.clientX;

//        var clientY = e.clientY;

//        var x = clientX-offX;

//        var y = clientY-offY;

//        console.log(x);

//        $('div').css({

//            top: y + 'px',

//            left: x + 'px'

//        })

//    })

// }).mouseup(function () {

//    $(this).off('mousemove')

// })


(需引入jQuery.min.js)

var tuo=function(e){

    var x=e.clientX;   

    var y=e.clientY;

    $('#index').css({

        top:y-80+'px',

        left:x+'px'

    })

}

$('.yidong').on('mousedown',function(e){

    $(window).on('mousemove',tuo)

})

$('.yidong').on('mouseup',function(){

    $(window).off('mousemove')

})

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容