Detecteer rechtsklik in React-Codevoorbeelden

Radu TM

Detecteer rechtsklik in React

JavaScript door Radu TM June 16, 2022

import React, { useState } from "react";

const RightClickDetector = () => {
  // Gebruik useState om bij te houden of er met de rechtermuisknop is geklikt
  const [isRightClick, setIsRightClick] = useState(false);

  const handleContextMenu = (e) => {
    // Voorkom dat het standaardbrowsercontextmenu wordt weergegeven
    e.preventDefault();
    // Werk de status bij om aan te geven dat er met de rechtermuisknop is geklikt
    setIsRightClick(true);
    // Reset de status na een korte vertraging
    setTimeout(() => setIsRightClick(false), 250);
  };

  return (
    <div onContextMenu={handleContextMenu}>
      {isRightClick ? "Rechtsklik!" : "Linksklik!"}
    </div>
  );
};

export default RightClickDetector;

0

18.763

Gerelateerde JavaScript-zoekopdrachten

Laatste JavaScript-zoekopdrachten

Verkennen codevoorbeelden per categorie