Question

嗨，感谢提前阅读！

我在使用JavaScript方面遇到了一些麻烦（好吧，我实际上不知道如何处理它）。

我的页面显示了各种图像，我希望将它们复制（克隆）到特定的div - 但只能是用户选择的图像（通过双击）。但是有很多图像，所以我不能只为每个图像提供一个ID。

有没有办法让图像对剧本说“嘿我是图像X”，还是什么？ ; _;

另外，如何让克隆的图像不可克隆，只是让用户克隆最初在页面中的图像（即使他/她可以无限次地执行）？

我真的不太了解JavaScript，但我到处搜索，我找不到解决方案。

再次感谢你！

Answer 1

你能用jQuery吗？它可以让你的问题变得更容易。

$('img').dbclick(function(){
   var image = $(this).clone(); 
   $('div#target').append(image);
});

'div＃target'只需要是要粘贴的div的CSS选择器。

Answer 2

每次用户点击特定图片时，都会向占位符附加新图片。

<script type="text/javascript">

    setTimeout(function () {

        var imgView,
            imgPH = document.getElementById('imgPlaceHolder'),
            imgs = document.body.querySelectorAll('img');

        var showImageInPlaceHolder = function () {

            var imgView = document.createElement('img');
            imgView.src = this.src;
            imgPH.appendChild(imgView);
        };

        for (var i = 0; i < imgs.length; i += 1) {

            imgs[i].onclick = showImageInPlaceHolder;
        };
    }, 100);


</script>

<img src="/someimage1.jpg" />
<img src="/someimage2.jpg" />
<img src="/someimage3.jpg" />
<img src="/someimage4.jpg" />
<img src="/someimage5.jpg" />
<img src="/someimage6.jpg" />
<img src="/someimage7.jpg" />

<div id="imgPlaceHolder"></div>

克隆用户选择的特定图像？

2 个答案: