Prelucrati evenimentul onPaste in React-Exemple de cod

Radu TM
Victor Talmacinschi

Prelucrati evenimentul onPaste in React

JavaScript de Victor Talmacinschi June 16, 2022

import React, { useState } from 'react';

function App() {
  // Urmăriți ce a fost lipit în stare
  const [pastedText, setPastedText] = useState('');

  // Actualizați starea atunci când utilizatorul lipsește ceva
  const handlePaste = e => {
    // Obțineți datele clipboardului
    const clipboardData = e.clipboardData || window.clipboardData;
    // Obțineți datele lipite ca text
    const pastedData = clipboardData.getData('text');
    // Actualizați starea cu datele lipite
    setPastedText(pastedData);
  };

  return (
    <div>
      <h1>Gestionați evenimentul onPaste în React</h1>
      <textarea
        onPaste={handlePaste}
        placeholder="Lipiți ceva aici!"
      ></textarea>
      {/* Afișați doar textul lipit atunci când există ceva de afișat */}
      {pastedText && <p>{pastedText}</p>}
    </div>
  );
}

export default App;

0

25.859

Prelucrati evenimentul onPaste in React

JavaScript de Radu TM June 16, 2022

import React, { useState } from 'react';

function App() {
  const [text, setText] = useState('');

  function handlePaste(e) {
    // Obține datele clipboardului
    const clipboardData = e.clipboardData || window.clipboardData;
    // Obține datele lipite
    const pastedData = clipboardData.getData('Text');
    // Actualizează starea
    setText(pastedData);
  }

  return (
    <div>
      <h1>Gestionați evenimentul onPaste în React</h1>
      <textarea
        value={text}
        onPaste={handlePaste}
      />
    </div>
  );
}

export default App;

0

25.859

Întrebări conexe JavaScript

Cele mai recente interogări JavaScript

Explorați exemplele de cod pe categorii