Javascript 我想拖动一个定义为数据属性的元素，我的问题是如何在代码中处理它：

我想拖动一个定义为数据属性的元素，我的问题是如何在这个代码段中处理它：

event.dataTransfer.setData ("dice", event.target.             );

• 使用
• （最好使用）

event.currentTarget.dataset.dice//“您好！”

例如：

const EL_dropZone=document.querySelector（“dropZone”）；
const ELS_dice=document.queryselectoral（“[data dice]”）；
EL_dropZone.addEventListener（“drop”，dropHandler）；
EL_dropZone.addEventListener（“dragover”，dragoverHandler）
ELS_dice.forEach（el=>el.addEventListener（“dragstart”，dragstartHandler））；
函数dragstartHandler（evt）{
setData（“应用程序/我的骰子”，evt.currentTarget.dataset.dice）；
}
功能dragoverHandler（evt）{
evt.preventDefault（）；
}
函数dropHandler（evt）{
const data=evt.dataTransfer.getData（“应用程序/我的骰子”）；
evt.currentTarget.textContent+=数据+“”；
}

#dropZone{
填充：10px；
最小高度：1米；
边框：1px虚线#0bf；
}
[数据骰子]{
显示：内联块；
背景：金；
光标：抓取；
}

DICE 1
骰子2

• 使用
• （最好使用）

event.currentTarget.dataset.dice//“您好！”

例如：

const EL_dropZone=document.querySelector（“dropZone”）；
const ELS_dice=document.queryselectoral（“[data dice]”）；
EL_dropZone.addEventListener（“drop”，dropHandler）；
EL_dropZone.addEventListener（“dragover”，dragoverHandler）
ELS_dice.forEach（el=>el.addEventListener（“dragstart”，dragstartHandler））；
函数dragstartHandler（evt）{
setData（“应用程序/我的骰子”，evt.currentTarget.dataset.dice）；
}
功能dragoverHandler（evt）{
evt.preventDefault（）；
}
函数dropHandler（evt）{
const data=evt.dataTransfer.getData（“应用程序/我的骰子”）；
evt.currentTarget.textContent+=数据+“”；
}

#dropZone{
填充：10px；
最小高度：1米；
边框：1px虚线#0bf；
}
[数据骰子]{
显示：内联块；
背景：金；
光标：抓取；
}

DICE 1
骰子2