小编Nam*_*yay的帖子

以下是在click:view sample上创建光标位置旁边的div的 示例

它会创建一个div,我在容器div中单击,但是点击太靠近边框会在容器之外创建一个div.即使光标太靠近边框,创建的Div也应完全出现在容器内.我需要更改或添加什么？:)

问题 - > MyImage超越边界

目标 - > 红点表示完成的点击次数

注意:我不需要红点.我只是把它放在那里,以显示当我点击那个点时,结果将是imagediv

HTML:

<div id="contain">
</div>

JavaScript的:

$(function() {


$("#contain").click(function(e) {
    var x = e.pageX + 'px';
    var y = e.pageY + 'px';
    var img = $('<img src="" alt="myimage" />');
    var div = $('<div>').css({
      "position": "absolute",
      "left": x,
      "top": y
    });
    div.append(img);
    $(document.body).append(div);
  });
});

CSS:

#contain{
  height:300px;
  width:300px;
  border: 1px solid black;
}