javascript - 在 Javascript 处理中的其他函数中创建一个 draw() 函数

Question

好的，所以我有这段代码:

 var a = 0;
 var left = random(width);
 var right = left +50;
 var pos = left;
 var isLeft = true;

 var draw= function() {
    background(255, 0, 0);
    fill(255, 0, 0);
    strokeWeight(2);
    stroke(255, 255, 255);
    ellipse(pos,400-a,10,10); 
    a=a+0.5;
    if (isLeft === true) {
        pos +=0.5;
    }
    if (pos === right) {
        isLeft = false;
    }
    if (isLeft === false) {
        pos -=0.5;
    }
    if (pos === left) {
        isLeft = true;
    }
 };

基本上它所做的就是创建一个向上漂浮的气泡，同时左右移动一点点。我的想法是让它只在我单击鼠标时发生/开始。但我好像不知道怎么办我仍在学习如何编码。任何人都可以帮助我达到想要的效果。

谢谢你，对我的英语不好感到抱歉。

Answer 1

如果您只是希望在单击任意位置时发生这种情况，那么此示例应该适合您:

document.body.addEventListener("click", draw, false);