Question

var b = 1; 
for(var i= 0; i < 5; i++){ 
    fisk(b);
}

function getRandomPosition(element) {
    var x = document.body.offsetHeight-element.clientHeight;
    var y = document.body.offsetWidth-element.clientWidth;
    var randomX = Math.floor(Math.random() * x);
    var randomY = Math.floor(Math.random() * y);

    return [randomX,randomY];
}

function fisk(skala) { 
    var img = document.createElement('img');
    img.setAttribute("style", "position:fixed;");
    img.setAttribute("src", "http://i.imgur.com/K9egEbW.jpg"); 
    document.body.appendChild(img); 
    var xy = getRandomPosition(img); 
    img.style.top = xy[0] + 'px';
    img.style.left = xy[1] + 'px';
}

使用上面的代码，我做了一个小游戏，我应该点击一些使用此代码生成的钓鱼，当你点击它们时，你赢了。但是当我点击它们时，我很难找到如何使图像消失。这是一个jsbin链接，显示我到目前为止所做的所有事情，因此更容易理解。 https://jsbin.com/josamuxoce/edit?html,css,js任何人都知道当我用钓竿点击它们时如何使产卵的鱼消失？

由于

Answer 1

添加$（img）.click（function（）{$（this）.remove（）;}）;功能fisk（skala）; 但。 img永远不会被点击，因为所有点击都将由#fiskespo处理。

使用fiskespo图像作为光标图像而不是扩展的img对象（Using external images for CSS custom cursors）。应该工作;

Javascript在点击时删除图片

1 个答案: