我試圖做到這一點，以便在將鼠標懸停在一個 div 上時，該 div 的子項附加到光標上，當您離開該 div 時，該子項返回到其原始位置。這是我到目前為止所擁有的：$('div').each(function() {          var img = $(this).find( "figure" );    var offset = img.offset();    var originLeft = offset.left;    var originTop = offset.top;    $('div').mousemove(function(e) {            img.addClass('active');        img.css({              transform: 'translateX(' + (e.pageX - originLeft/2 ) + 'px) translateY(' + (e.pageY - originTop) + 'px)'            });    }).mouseleave(function() {            img.removeClass('active');        img.css({              transform: 'translateX(0) translateY(0)'            });    });});div {     height: 250px;    width: 250px;    background: #eee;}div:nth-child(2) {  background: #ccc;}figure {  display: block;  height: 50px;  width: 50px;  background: blue;  margin: 0;  transition: transform 500ms ease;}.active {   transition: none; }<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div>    <figure></figure></div><div>    <figure></figure></div>問題是，如果頁面上有多個事件，它就不起作用，而且 mouseleave 事件似乎有問題：有時它需要一秒鐘或者在返回到原始位置之前有一些閃爍。