在javascript中，当鼠标指向对象时，如何使对象消失？_Javascript_Onmouseover

在javascript中，当鼠标指向对象时，如何使对象消失？

javascript

在javascript中，当鼠标指向对象时，如何使对象消失？,javascript,onmouseover,Javascript,Onmouseover,所以我有一个游戏，一只虫子吃它的食物，食物在装载时随机产卵，但我希望它在MouseOver上消失，然后在另一个地方再次产卵，但我不知道该怎么做：c也没有在互联网上找到任何信息，尽管我不确定要搜索什么 p、美国再次提出这个问题是因为上次人们讨厌它，因为他们认为我什么都没做。塔克斯 <!doctype html> <html> <head> <title>Ussi l6una</title> <

所以我有一个游戏，一只虫子吃它的食物，食物在装载时随机产卵，但我希望它在MouseOver上消失，然后在另一个地方再次产卵，但我不知道该怎么做：c也没有在互联网上找到任何信息，尽管我不确定要搜索什么

p、美国再次提出这个问题是因为上次人们讨厌它，因为他们认为我什么都没做。塔克斯

<!doctype html>
<html>
    <head>
        <title>Ussi l6una</title>
        <script>
            var kohad=new Array();
            var pikkus=1, d=6, kogus=300;

            var ballx=0, step=100;
            var bally=0, step=100;
            var monsterx=(step*parseInt(8*Math.random())), step=100;
            var monstery=(step*parseInt(8*Math.random()));

            function toit(){
                var c=document.getElementById("tahvel");
                var ctx=c.getContext("2d");
                ctx.beginPath();
                ctx.fillStyle = 'darkblue';
                ctx.arc(monsterx+30, monstery+30, 25, 0, 2 * Math.PI, false);
                ctx.fill();
                ctx.lineWidth = 0;
                ctx.strokeStyle = '#000000';
            }
            function devouring(){
                if(toitx==mousex && toity==mousey){
                    toitx=step*parseInt(5*Math.random());
                    toity=step*parseInt(5*Math.random());
                    toit();
                }
            }
            function looKohad(){
                for(var i=0; i<kogus; i++){
                    kohad[i]=new Array(pikkus*i, 1200);
                }
            }

            function arvutaUusTagumine(eesmine, tagumine){
                var kaugus=new Array();
                kaugus[0]=eesmine[0]-tagumine[0];
                kaugus[1]=eesmine[1]-tagumine[1];
                var kogukaugus=Math.sqrt(kaugus[0]*kaugus[0]+kaugus[1]*kaugus[1]);
                var nihe=kogukaugus-pikkus;
                var dx=kaugus[0]*nihe/kogukaugus;
                var dy=kaugus[1]*nihe/kogukaugus;
                return new Array(tagumine[0]+dx, tagumine[1]+dy);
            }
            function arvutaUuedKohad(){
                console.log(kohad);
                for(var i=1; i<kogus; i++){
                    kohad[i]=arvutaUusTagumine(kohad[i-1], kohad[i]);
                }
            }

            function joonistaKohad(g){
                for(var i=0; i<kogus; i++){
                    joonistaKoht(g, kohad[i])
                }
            }

            function joonistaKoht(g, koht){
                g.beginPath();
                g.arc(koht[0], koht[1], d, 0, 2*Math.PI, true);
                g.stroke();
            }

            function hiirLiigub(e){
                var t=document.getElementById("tahvel");
                var g=t.getContext("2d");
                var tahvlikoht=t.getBoundingClientRect();
                kohad[0][0]=e.clientX-tahvlikoht.left;
                kohad[0][1]=e.clientY-tahvlikoht.top;
                arvutaUuedKohad();
                g.strokeStyle="#CC9966";
                g.fillStyle="#CC9966";
                g.clearRect(0, 0, t.width, t.height);
                joonistaKohad(g);
                toit();
            }
            looKohad();
        </script>
    </head>
    <body onLoad="toit();">
        <canvas id="tahvel" width="800" height="800" style="background-color:white" onmousemove="hiirLiigub(event)" onmouseover="this.style.backgroundImage = 'url(./dirt.png)'"></canvas><br />
    </body>
</html>


乌西l6una
var kohad=新数组（）；
var pikkus=1，d=6，kogus=300；
var ballx=0，阶跃=100；
var bally=0，阶跃=100；
var monsterx=（step*parseInt（8*Math.random（）），step=100；
var monstery=（步骤*parseInt（8*Math.random（））；
函数toit（）{
var c=document.getElementById（“tahvel”）；
var ctx=c.getContext（“2d”）；
ctx.beginPath（）；
ctx.fillStyle='darkblue'；
ctx.arc（怪物x+30，怪物y+30,25,0,2*Math.PI，false）；
ctx.fill（）；
ctx.lineWidth=0；
ctx.strokeStyle='#000000'；
}
函数吞噬（）{
if（toitx==mousex&&toity==mousey）{
toitx=step*parseInt（5*Math.random（））；
toity=step*parseInt（5*Math.random（））；
toit（）；
}
}
函数looKohad（）{
对于（var i=0；iYou可以在表中存储食物位置，当光标移动时点击test（）食物项，当您想要移动食物时，可以在新位置重新绘制食物。下面是一个粗略的示例：可能重复的