当div元素被拖动到特定位置时，如何触发模式？

<div draggable="true">可拖动的元素</div>

var divElement = document.querySelector('div');
divElement.addEventListener('dragstart', dragStartHandler);
divElement.addEventListener('drag', dragHandler);
divElement.addEventListener('dragend', dragEndHandler);

function dragStartHandler(event) {
    // 设置拖动数据
    event.dataTransfer.setData('text/plain', event.target.id);
}

function dragHandler(event) {
    // 在此处实现自定义的拖动效果，例如改变元素的位置或样式
}

function dragEndHandler(event) {
    // 清理操作，例如恢复元素的位置或样式
}

var targetElement = document.querySelector('.target');
targetElement.addEventListener('dragenter', dragEnterHandler);
targetElement.addEventListener('dragleave', dragLeaveHandler);

function dragEnterHandler(event) {
    // 在此处触发模式，例如显示提示信息或执行特定操作
}

function dragLeaveHandler(event) {
    // 在此处清除模式，例如隐藏提示信息或恢复操作
}