如何在Javascript中单击鼠标来放置图像？

Question

To elaborate, if I click somewhere on the page, an image (that I add in the code) will be placed. I couldn't find any information on anything similar to this online. Help?

Answer 1

You need to use event listeners for the 'click' event. Create an image, set the relative url and append it to your document.

Something like this for example.

document.getElementById('foo').addEventListener('click', function(e) {

    var img = document.createElement('img');

    img.setAttribute('src','http://blog.stackoverflow.com/wp-content/uploads/stackoverflow-logo-300.png');

    e.target.appendChild(img);
});

Check the fiddle here .

This is just a basic example by the way. You need to elaborate it to assure cross-browser compatibility, perhaps consider image preloading, etc.