Блог

Главная - Вопросы по программированию - Остановите копирование и сократите события в Next.js с машинописным текстом

Остановите копирование и сократите события в Next.js с машинописным текстом

#reactjs #typescript #dom #next.js #server-side-rendering

Вопрос:

Я создаю веб-приложение с Next.js использование машинописного текста и попутного ветра. У меня в _document.tsx файле в каталоге есть следующий код /pages .

 import Document, { Html, Head, Main, NextScript } from "next/document";

class MyDoc extends Document {
  render() {
    return (
      <Html lang="en">
        <Head />
        <body
          onCopy={(e) => {
            e.preventDefault();
          }}
        >
          <Main />
          <NextScript />
        </body>
      </Html>
    );
  }
}

export default MyDoc;

Я знаю, что есть какая-то проблема с функцией, которую я передаю событию onCopy в атрибуте тега body, и я обнаружил, что это предотвращает поведение события по умолчанию. Но это не работает.

Я попытался просто вернуть «return false» в атрибут onCopy, но это расстраивает Typescript и не является подходящим ответом JSX.

Если вы знаете решение этой проблемы, пожалуйста, дайте мне знать. Мы очень ценим вашу помощь.

Комментарии:

1. Из _document документов : » Document отображается только на сервере, обработчики событий вроде onClick не будут работать».. Я предлагаю вам вместо этого перейти к логике _app .

2. @juliomalves Хорошо, спасибо.

Метки: