使用javascript拖放警报_Javascript_Html_Drag And Drop

使用javascript拖放警报

javascript html

使用javascript拖放警报,javascript,html,drag-and-drop,Javascript,Html,Drag And Drop,我对这一切还是新手，我一直在网上寻找，但仍然找不到办法我有一个拖放功能。用户将获得文章标题，并被指示将文章标题拖到标有“True”或“False”的框中当用户将其放入“False”框时，我如何让它提醒用户泰亚 HTML代码： <html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <div class="d

我对这一切还是新手，我一直在网上寻找，但仍然找不到办法

我有一个拖放功能。用户将获得文章标题，并被指示将文章标题拖到标有“True”或“False”的框中

当用户将其放入“False”框时，我如何让它提醒用户

泰亚

HTML代码：

<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="droptarget">True or False?
<div draggable="true" id="dragtarget" class="drag">Article (Drag Me!)</div>
</div>
<div class="droptarget">False</div>
<div class="droptarget">True</div>
<script src="site.js"></script>
</body>
</html>

您可以通过

event.target

在

事件处理程序上获取目标元素。您还需要通过添加一个id
、一个唯一的类
，来知道它是正确的元素
例如：
<div class="droptarget" id="targetFalse">False</div>

你需要能够辨别虚假目标和真实目标。尝试以这种方式添加ID和事件侦听器。谢谢！！你能帮我拿个弹出框吗？这样我就可以告诉用户他们是对还是错，并包含文章的链接？或者是否可以在警报框中添加链接？
<div class="droptarget" id="targetFalse">False</div>

document.addEventListener("drop", function(event) {
    event.preventDefault()
    if(event.target.id==='targetFalse'){
        alert('False')
    }
...
})