Question

当我将鼠标放入某个区域时，我希望在光标旁边有一个div。

jQuery('area').mouseenter(function(){
    jQuery(this).find('#divToShowBeside').show();
});

我想要这个：#divToShowBeside当我在一个区域中进行鼠标操作时，它位于我的光标旁边。

Answer 1

这是你的演示。

var offset = { top: 0, left: 18 };
$(document).on('click', function(e) {
    $('#nextToCursor').toggle().offset({ top: (e.pageY + offset.top), left: (e.pageX + offset.left)});
});
$(document).on('mousemove', function(e) {
    $('#nextToCursor').offset({ top: (e.pageY + offset.top), left: (e.pageX + offset.left)});
});

#nextToCursor { display: none; position: fixed; width: 100px; border: 1px solid red; padding: 10px; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<div id="nextToCursor">This div is placed next to the cursor after clicking somewhere.</div>

单击窗格中的某个位置以显示/隐藏您的div。然后移动鼠标，看到div与光标一起移动。

更改offset参数以相对于光标定位div，如果您不想使用鼠标移动div，则移除mousemove事件（但只是弹出您的位置）点击了窗格。）

在光标旁边划分

1 个答案: