Javascript 为什么拖动完成后输入字段会阻塞

我开发了一个名为board的面板，里面有一个输入字段，当在输入上写入时，它会显示在板上。不过，当我拖动该板，然后尝试打开另一块板时，输入字段会被阻塞。我不能在上面写字

函数打开（）{
const boardIcon=document.querySelector（“#board”）
boardIcon.addEventListener（'单击'，事件=>{
const board=document.createElement（“board”）
board.style.position='绝对'
排水管（板）
document.body.appendChild（板）
})
}
//从学校复制的代码
功能牵引装置（elmnt）{
var-pos1=0；
var-pos2=0；
var-pos3=0；
var pos4=0
if（document.getElementById（elmnt.id+'header'））{
//如果存在，则标题是从中移动DIV的位置：
设置超时（（）=>{
document.getElementById（elmnt.id+‘header’）.onmousedown=dragMouseDown
}, 2000)
}否则{
//否则，请从DIV内的任何位置移动DIV：
设置超时（（）=>{
elmnt.onmousedown=dragMouseDown
}, 2000)
}
功能下拉列表（e）{
e=e | | window.event
e、 预防默认值（）
//在启动时获取鼠标光标位置：
pos3=e.clientX
pos4=e.clientY
document.onmouseup=closeDragElement
//每当光标移动时调用函数：
document.onmousemove=elementDrag
}
功能元素拖动（e）{
e=e | | window.event
e、 预防默认值（）
//计算新光标位置：
pos1=pos3-e.clientX
pos2=pos4-e.clientY
pos3=e.clientX
pos4=e.clientY
//设置元素的新位置：
elmnt.style.top=（elmnt.offsetTop-pos2）+'px'
elmnt.style.left=（elmnt.offsetLeft-pos1）+'px'
}
函数closeDrageElement（）{
//释放鼠标按钮时停止移动：
document.onmouseup=null
document.onmousemove=null
}
}

#板{
位置：绝对位置；
边框：1px实心卡德蓝；
背景色：#444；
宽度：600px；
高度：400px；
}

提供您的HTML和CSS代码too@Ramesh你介意现在看一看吗？我注意到的第一件事是你丢失了

在您的

js

中的多个位置，以及提供的

js

不可执行，因为您的

函数中有它们，请提供可执行代码。你最好在问题中添加一个
codepen
或
snippet
。在此处验证您的代码