import { useState } from "react";

function EventExample() {
  const [text, setText] = useState("");

  const handleClick = () => {
    alert("Button clicked!");
  };

  const handleChange = (event) => {
    setText(event.target.value);
  };

  return (
    

      
      Click Me
    
  );
}

export default EventExample;

Common JavaScript & React Events

🔥 JavaScript Events

• onclick - Triggered when an element is clicked.
• onmouseover - Fires when the mouse hovers over an element.
• onmouseout - Fires when the mouse leaves an element.
• onkeydown - Triggered when a key is pressed down.
• onkeyup - Fires when a key is released.
• onchange - Occurs when an input value changes.
• onsubmit - Triggered when a form is submitted.
• onload - Fires when a page or resource has loaded.
• onresize - Occurs when the browser window is resized.

⚛️ React-Specific Events

• onClick - Handles click events in React.
• onMouseEnter - Triggers when the mouse enters an element.
• onMouseLeave - Triggers when the mouse leaves an element.
• onChange - Used for handling input field changes.
• onSubmit - Handles form submissions.
• onKeyDown - Fires when a key is pressed.
• onKeyUp - Fires when a key is released.
• onFocus - Triggered when an element gains focus.
• onBlur - Triggered when an element loses focus.
• onDoubleClick - Fires when an element is double-clicked.
• onContextMenu - Fires when a right-click context menu is opened.