参考 mouseReleased()

mouseReleased()

当鼠标按钮释放时调用一次的函数。

声明函数 mouseReleased() 将设置一个代码块,当用户在按下鼠标按钮后释放时自动运行:

function mouseReleased() { // Code to run. }

鼠标系统变量,如 mouseXmouseY,将在 p5.js 调用 mouseReleased() 时更新为最新的值:

function mouseReleased() { if (mouseX &lt; 50) { // Code to run if the mouse is on the left. } <p> if (mouseY &gt; 50) { // Code to run if the mouse is near the bottom. } } </p>

参数 event 是可选的。 mouseReleased() 总是传递一个 MouseEvent 对象,其属性描述了鼠标释放事件:

function mouseReleased(event) { // Code to run that uses the event. console.log(event); }

在触摸屏设备上,如果没有声明 touchEnded(),当用户的触摸结束时,mouseReleased() 会运行。如果声明了 touchEnded(),那么当用户的触摸结束时,touchEnded() 会运行,而 mouseReleased() 不会。

浏览器可能会将默认行为附加到各种鼠标事件上。例如,一些浏览器在用户按下鼠标按钮移动鼠标时会高亮显示文本。要防止此事件的任何默认行为,在函数的末尾添加 return false;

注意:mousePressed()mouseReleased()mouseClicked() 都是相关的。mousePressed() 在用户点击鼠标时运行。mouseReleased() 在用户释放鼠标点击时运行。mouseClicked()mouseReleased() 之后立即运行。

示例

语法

mouseReleased([event])

参数

event

optional MouseEvent argument.

Notice any errors or typos? Please let us know. Please feel free to edit src/events/mouse.js and open a pull request!

相关参考