Detectați clicul dreapta în React-Exemple de cod

Victor Talmacinschi

Detectați clicul dreapta în React

JavaScript de Victor Talmacinschi June 16, 2022

import React, { useState } from "react";

const RightClickDetector = () => {
  // utilizareState pentru a urmări dacă a fost detectat un clic dreapta
  const [isRightClick, setIsRightClick] = useState(false);

  const handleContextMenu = (e) => {
    // evitare meniu contextual implicit al navigatorului pentru a apărea
    e.preventDefault();
    // actualizare stare pentru a reflecta faptul că a avut loc un clic dreapta
    setIsRightClick(true);
    // resetare stare după o scurtă întârziere
    setTimeout(() => setIsRightClick(false), 250);
  };

  return (
    <div onContextMenu={handleContextMenu}>
      {isRightClick ? "Clic dreapta!" : "Clic stanga!"}
    </div>
  );
};

export default RightClickDetector;

0

27.169

Detectați clicul dreapta în React

JavaScript de Victor Talmacinschi June 16, 2022

import React, { useState, useEffect } from "react";

const RightClickDetector = () => {
  // utilizarea useState pentru a urmări clicurile dreapta
  const [isRightClick, setIsRightClick] = useState(false);

  // utilizarea useEffect pentru a adăuga / elimina ascultătorul de evenimente
  useEffect(() => {
    // adăugarea ascultătorului de evenimente la montare
    document.addEventListener("contextmenu", handleRightClick);
    // eliminarea ascultătorului de evenimente la demontare
    return () => document.removeEventListener("contextmenu", handleRightClick);
  }, []); // matricea goală asigură că efectul este executat numai la montare și demontare

  const handleRightClick = (e) => {
    e.preventDefault();
    setIsRightClick(true);
  };

  return (
    <div>
      {isRightClick ? (
        <p>Ai făcut clic dreapta!</p>
      ) : (
        <p>Încercați să faceți clic dreapta oriunde pe acest site.</p>
      )}
    </div>
  );
};

export default RightClickDetector;

0

27.169

Întrebări conexe JavaScript

Cele mai recente interogări JavaScript

Explorați exemplele de cod pe categorii