Javascript單擊刪除圖像

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對象（ 將外部圖像用於CSS自定義光標 ）。 應該管用;