文章詳情頁(yè)
javascript - js拖拽的問(wèn)題
瀏覽:101日期:2023-05-04 08:47:36
問(wèn)題描述
拖動(dòng)一個(gè)p到不同區(qū)域,怎么判斷是拖動(dòng)到了哪個(gè)區(qū)域
如圖拖動(dòng)請(qǐng)選擇到不同的選項(xiàng)區(qū)域,怎樣判斷具體拖動(dòng)到了哪個(gè)區(qū)域
問(wèn)題解答
回答1:拖拽API接觸少,只提供思路:可以根據(jù)目標(biāo)在drop時(shí)距離左上角的距離來(lái)判斷
回答2:使用定位 判斷相對(duì)與父元素的距離來(lái)判斷 拖拽最好是用插件
回答3:個(gè)人感覺可以通過(guò)各個(gè)p的top值來(lái)判斷。比如“請(qǐng)選擇”這塊移動(dòng)時(shí),它的top值和下面的哪一個(gè)最接近,就基本上可以判斷它拖動(dòng)到了哪個(gè)區(qū)域。
回答4:可看下 拖拽事件
drop(e) { e.target // 目標(biāo)元素}回答5:
拖拽有好幾個(gè)事件,看看手冊(cè),好像有7個(gè)事件
標(biāo)簽:
JavaScript
相關(guān)文章:
1. apache - 想把之前寫的單機(jī)版 windows 軟件改成網(wǎng)絡(luò)版,讓每個(gè)用戶可以注冊(cè)并登錄。類似 qq 的登陸,怎么架設(shè)服務(wù)器呢?2. css3 - Typecho 后臺(tái)部分表單按鈕在 Chrome 下出現(xiàn)靈異動(dòng)畫問(wèn)題,求解決3. java - 阿里的開發(fā)手冊(cè)中為什么禁用map來(lái)作為查詢的接受類?4. java - 關(guān)于i++的一個(gè)題目5. javascript - 為什么嵌套的Promise不能按預(yù)期捕獲Exception?6. webgl - android上類似汽車之家的3d全景照片怎么實(shí)現(xiàn)7. javascript - 編程,算法的問(wèn)題8. java - HTTPS雙向認(rèn)證基礎(chǔ)上有無(wú)必要再進(jìn)行加簽驗(yàn)簽?9. ubuntu apt-get install update 無(wú)法更新10. node.js - win7下,npm 無(wú)法下載依賴包,淘寶鏡像也裝不上,求幫忙???
排行榜

熱門標(biāo)簽