完整案例

https://www.malaoshi.top/demo/fly/index.html

代码

css

<style>
    #box{
        width: 600px;
        height: 400px;
        border: 1px solid red;
        background-color: #f6f6f6;
        position: relative;
        cursor: none;
    }
    #feiji{
        width: 80px;
        position: absolute;
        top:30px;
        left: 80px;
    }
</style>

html

<div id="box">
    <img id="feiji" src="img/feiji2.webp" >
</div>

JavaScript

<script>
    var feiji = document.getElementById("feiji")
    // 给外部div加上移动鼠标事件
    document.getElementById("box").onmousemove = function(e){
        console.log(e.x,e.y)
        feiji.style.left = e.x+"px"
        feiji.style.top = e.y+"px"
    }
</script>

原文出处：/show_1IX3muWHHxPy.html