민프
[React][TypeScript] Clipboard API 를 이용하여서 붙여넣기를 해보자 본문
https://developer.mozilla.org/ko/docs/Web/API/Clipboard_API
Clipboard API - Web API | MDN
Clipboard API는 클립보드 명령(잘라내기, 복사, 붙여넣기)에 응답하거나 시스템 클립보드에 비동기적으로 접근하고 쓸 수 있는 기능을 제공합니다.
developer.mozilla.org
const eventKey = (e: React.KeyboardEvent<HTMLInputElement>) => {
console.log("e", e);
if (e.code === "Backspace" || e.key === "Backspace") {
}
} else if ((e.ctrlKey || e.metaKey) && e.key === "v") {
navigator.clipboard
.readText()
.then((text) => {
})
.catch((err) => {
console.error("Failed to read clipboard contents: ", err);
});
}
};
'[React]' 카테고리의 다른 글
[React][TypeScript][MUI] MUI TextField의 스타일을 변경해보자(feat: endAdorment) (0) | 2023.03.09 |
---|---|
[React][TypeScript] forwardRef를 이용하여 부모에서 자식으로 Props와 Ref들을 넘겨보자 (0) | 2023.03.09 |
[React][typeScript] react-datePicker 키보드 입력 막기 (1) | 2023.02.17 |
[React][TypeScript] react-datePicker Icon과 같이 사용하기 (feat.label) (0) | 2023.02.17 |
[React][Error] React-modal ariaHideApp이란? (0) | 2023.02.17 |
Comments