Обробляйте подію onPaste у React-Приклади коду

Victor Talmacinschi

Обробляйте подію onPaste у React

JavaScript за Victor Talmacinschi June 16, 2022

import React, { useState } from 'react';

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

  function handlePaste(e) {
    // Отримати дані буферу обміну
    const clipboardData = e.clipboardData || window.clipboardData;
    // Отримати дані вставлені
    const pastedData = clipboardData.getData('Text');
    // Оновити стан
    setText(pastedData);
  }

  return (
    <div>
      <h1>Обробити подію onPaste у React</h1>
      <textarea
        value={text}
        onPaste={handlePaste}
      />
    </div>
  );
}

export default App;

0

28.360

Подібні JavaScript запити

Останні JavaScript запити

Відгуки про код за категоріями