リファレンス mouseClicked()

mouseClicked()

マウスボタンが押されて離された後、一度だけ呼び出される関数です。

mouseClicked()関数を宣言すると、ユーザーがマウスボタンを押して 離した後に自動的に実行されるコードブロックを設定できます:

function mouseClicked() {
  // 実行するコード
}

mouseXmouseYなどのマウスシステム変数は、 p5.jsによってmouseClicked()が呼び出されたときに 最新の値に更新されます:

function mouseClicked() {
  if (mouseX < 50) {
    // マウスが左側にある場合に実行するコード
  }

  if (mouseY > 50) {
    // マウスが下部付近にある場合に実行するコード
  }
}

パラメータeventはオプションです。mouseClicked()には常に マウスクリックイベントを説明するプロパティを持つ MouseEvent オブジェクトが渡されます:

function mouseClicked(event) {
  // イベントを使用して実行するコード
  console.log(event);
}

タッチスクリーンデバイスでは、touchEnded()が 宣言されていない場合、ユーザーのタッチが終了したときにmouseClicked()が 実行されます。touchEnded()が宣言されている場合、 ユーザーのタッチが終了したときにtouchEnded()が 実行され、mouseClicked()は実行されません。

ブラウザには、様々なマウスイベントにデフォルトの動作が設定されている場合があります。 例えば、一部のブラウザでは、ユーザーがマウスボタンを押しながらマウスを動かすと テキストがハイライトされます。このイベントのデフォルトの動作を防ぐには、 関数の最後にreturn false;を追加してください。

注意:mousePressed()mouseReleased()、 そしてmouseClicked()は全て関連しています。 mousePressed()はユーザーがマウスをクリックした 瞬間に実行されます。mouseReleased()は ユーザーがマウスクリックを離した瞬間に実行されます。mouseClicked()mouseReleased()の直後に実行されます。

実例

シンタックス

mouseClicked([event])

パラメーター

event
MouseEvent:

オプションのMouseEvent引数。

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

関連するリファレンス