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

Question

详细说明，如果我点击页面上的某个位置，将放置一个图像（我在代码中添加）。我在网上找不到任何类似的信息。帮助

Answer 1

您需要为“click”事件使用事件侦听器。创建图像，设置相对URL并将其附加到文档中。

例如这样的东西。

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

检查小提琴here。

这只是一个基本的例子。您需要详细说明以确保跨浏览器兼容性，或者考虑图像预加载等。