2021-09-30 jQuery 實(shí)現(xiàn)拖拽

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

//? ? e = e || window.event;

//? ? //獲取鼠標(biāo)在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')

})

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容