TAG
CSS
JavaScript
Result
Run
License
<div class="container"> <div> <h4 draggable="true">Drag me</h4> </div> <div>Drop here</div> <div></div> </div>
.container { width: 90%; display: flex; flex-direction: column; gap: 20px 0; } .container > div { background-color: #EAEAEA; min-height: 50px; }
window.addEventListener("load", () => { const elContainer = document.querySelector(".container"); elContainer.addEventListener("dragenter", e => { if(e.currentTarget.children.item(1) == e.target) { e.target.style.backgroundColor = "#FFFF00"; } }); });
Console
expand_less
License
License
by DevDic
Close