p5.js 元素 mouseOut() 方法

在p5.js中，mouseOut()是一个元素方法，可以在鼠标移出元素时触发。它与mouseOver()方法相对应。

语法

element.mouseOut(callback);

• element：指定元素。
• callback：一个被调用的函数，当鼠标移出指定元素时会被触发。

示例

let button;

function setup() {
  button = createButton('Click me');
  button.mouseOut(changeColor);
}

function changeColor() {
  button.style('background-color', color(random(255),random(255),random(255)));
}

上面的例子创建了一个按钮元素，并在按钮上使用了mouseOut()方法。当鼠标移出按钮时，会调用changeColor()函数，随机地改变按钮的背景颜色。

注意事项

• 与mouseOver()方法一样，mouseOut()方法只会在HTML DOM元素中生效。例如，p5.js的canvas元素不支持该方法。
• 当使用mouseOut()方法时，要注意元素的位置、宽度和高度，以确保在移出元素时不会意外触发该方法。