如何在用户点击的位置添加图片？

Question

I want to add an image exactly where a user clicks. 我想在用户点击的位置准确添加图像。 I have this so far, but it just adds the image to the top and just keeps adding it there...not where the user is clicking 到目前为止我有这个，但它只是将图像添加到顶部并且只是在那里添加...而不是用户点击的位置

  <html>
    <head>
        <script type="text/javascript">
            function stamp(d,e)
            {
                var i = new Image();
                i.src = 'smiley.jpg';
                document.getElementById('target').appendChild(i);
                //document.getElementById('target').style.left = "100px";  //e.clientX ;
                //document.getElementById('target').style.right = "1000px"; //e.clientY;
            }

</script>
</head>
<body id="target" onclick="javascript:stamp(this,event);" style="left: 100px">

</body>
</html>

Answer 1

window.onclick = function(event) {
    var i = new Image();
    i.src = 'http://jsfiddle.net/img/logo.png';
    i.style.position = "absolute";
    i.style.left = event.clientX + 'px';
    i.style.top = event.clientY + 'px';

    event.target.appendChild(i);
}

Example 例

如何在用户点击的位置添加图片？

问题描述

1 个解决方案

解决方案1
6 2011-10-18 03:10:25

如何在用户点击的位置添加图片？

问题描述

1 个解决方案

解决方案1 6 2011-10-18 03:10:25

解决方案1
6 2011-10-18 03:10:25