如何在用戶點擊的位置添加圖片？

Question

我想在用戶點擊的位置准確添加圖像。 到目前為止我有這個，但它只是將圖像添加到頂部並且只是在那里添加...而不是用戶點擊的位置

  <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);
}

例

如何在用戶點擊的位置添加圖片？

問題描述

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