Javascript 如何使按钮在html中可拖动？_Javascript_Html_Button_Draggable

Javascript 如何使按钮在html中可拖动？

javascript html button

Javascript 如何使按钮在html中可拖动？,javascript,html,button,draggable,Javascript,Html,Button,Draggable,所以我有这个代码： <!DOCTYPE html> <html> <script> score = 0 function hi(buttonID){ score += 1 document.getElementById("label123").innerHTML = score } </script> <

所以我有这个代码：

<!DOCTYPE html>
<html>
    <script>
        score = 0
        function hi(buttonID){
            score += 1
            document.getElementById("label123").innerHTML = score
        }
    </script>
    <button onclick="hi(this)" id="Button123">
        <img src="button.png" alt="Button" width="100px" height="100px" draggable="true">
    </button>
    <label id="label123">Click it!</label>
    <h1> clicker.io </h1>
</html>


分数=0
功能hi（按钮NID）{
分数+=1
document.getElementById（“label123”）.innerHTML=score
}
点击它！
clicker.io

我想让按钮（按钮123）可以拖动。这将使用户能够体验在屏幕上任意位置移动按钮的能力。

我的老解决方案（firefox上的最小4fps）

var btn=document.getElementById（“btn”）；
函数拖动（e）{
btn.style.left=`${e.pageX-10}px`；
btn.style.top=`${e.pageY-10}px`；
}
btn.addEventListener（“鼠标下移”，（）=>
document.addEventListener（“mousemove”，拖动）
);
btn.addEventListener（“鼠标悬停”，（）=>
document.removeEventListener（“mousemove”，拖动）
);
#btn{
位置：绝对位置；
}
按钮
首先在div中创建按钮，然后按照链接进行操作