ユーザーがクリックする場所に画像を追加するにはどうすればよいですか？

ユーザーがクリックした場所に正確に画像を追加したい。私はこれまでのところ、これを持っていますが、それだけでトップに画像を追加し、そこにそれを追加し続けて...ないユーザーがクリックする場所に画像を追加するにはどうすればよいですか？

<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>

出典

2011-10-18 Muhammad Zubair

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

をクリックするユーザーがいる場合

出典

2011-10-18 03:10:25 Joe

ユーザーがクリックする場所に画像を追加するにはどうすればよいですか？

答えて

関連する問題