当按下按钮且拖动鼠标时调用的函数。
声明函数 mouseDragged()
会设置一个代码块,当用户点击并拖动鼠标时自动运行:
function mouseDragged() { // Code to run. }
鼠标系统变量,如 mouseX 和 mouseY,将在调用 mouseDragged()
时用它们最新的值更新:
function mouseDragged() { if (mouseX < 50) { // Code to run if the mouse is on the left. }if (mouseY > 50) { // Code to run if the mouse is near the bottom. } }
参数 event
是可选的。mouseDragged()
总是会传递一个 MouseEvent 对象,其中包含描述鼠标拖动事件的属性:
function mouseDragged(event) { // Code to run that uses the event. console.log(event); }
在触摸屏设备上,如果没有声明 touchMoved(),则当用户移动触摸点时会运行 mouseDragged()
。如果声明了 touchMoved(),则当用户移动触摸点时会运行 touchMoved(),而 mouseDragged()
不会运行。
浏览器可能会将默认行为附加到各种鼠标事件上。例如,一些浏览器在用户按下鼠标按钮同时移动鼠标时会高亮显示文本。为了防止此事件的任何默认行为,可在函数末尾添加 return false;
。
示例
语法
mouseDragged([event])
参数
event
MouseEvent:
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!