リファレンス doubleClicked()

doubleClicked()

マウスボタンが素早く2回クリックされたときに1回呼び出される関数です。

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

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

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

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

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

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

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

タッチスクリーンデバイスでは、doubleClicked()に配置されたコードは 短時間内に2回のタッチが発生した後に実行されます。

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

実例

シンタックス

doubleClicked([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!

関連するリファレンス