javascript - 获取在 if 语句中被拖动的元素的 id
问题描述
嗨,我正在尝试找到一种方法来确定正在拖动的元素会影响 ondrop 的结果。如果选择了金色图像,我想添加一个类,如果选择了银色图像,我想添加一个不同的类。我认为这样的事情可能会奏效,但不是......
function GoldDragStart(event) {
event.dataTransfer.setData("Text", event.target.id);
var Type = "Gold";
}
function SilverDragStart(event) {
event.dataTransfer.setData("Text", event.target.id);
var Type = "Silver";
}
function allowDrop(event) {
event.preventDefault();
}
function Img_1_Drop(event) {
if (Type == "Gold") {
document.getElementById('GoldSelection').classList.add('GoldSelection1');
var pic = "https://i.imgur.com/m2NhQQB.png";
document.getElementById('GoldSelection').src = pic.replace('90x90', '225x225');
document.getElementById('GoldSelection').style.display='block';
} else if (Type == "Silver") {
document.getElementById('SilverSelection').classList.add('SilverSelection1');
var pic = "https://i.imgur.com/RevL021.png";
document.getElementById('SilverSelection').src = pic.replace('90x90', '225x225');
document.getElementById('SilverSelection').style.display='block';
}
}
解决方案
推荐阅读
- android - 如何以编程方式实现谷歌位置自动完成并获得 kotlin 的 latlng?
- autodesk-forge - 如何强制设计自动化打开分离模型?
- java - Maven为python3 ANTLR语法文件生成python代码
- javascript - 使用反应钩子更改图像和描述 onClick 的最佳方法
- javascript - 使用 React 显示对象详细信息
- arrays - 使用 VBS 脚本在数组中添加和导出字符串
- flutter - 断开复选框 | 单独点击
- plotly - Plotly Map 绘制 lat-lng 点仅显示一天,而不是所有天
- css - 缩放时背景图像切断图像顶部
- angular - 将用于路由的按钮设置为“活动”以启动路由