클립보드에서 텍스트 상자에 복사된 내용을 단추로 붙여넣을 수 없습니다
8105 단어 JavaScript
하고 싶은 일
단추를 누르면 클립보드에 복사된 텍스트를 임의의 텍스트 상자에 붙여넣습니다.
버튼이 텍스트를 복사하는 방법은 다음과 같다.
IE에서만 붙여넣기 가능
(참조)클립보드를 사용하여 복사 및 붙여넣기 - Qita/** [貼付ける]ボタン押下処理. */
function onClickPaste() {
let tagetId = 'pasteArea';
let content = window.clipboardData.getData("Text");
$(tagetId).val(content);
}
IE 이외의 경우에는 붙이면 안 돼요.
Document.execCommand 해봤는데 안 붙어요.
Mac의 FireFox
/** [貼付ける]ボタン押下処理. */
function onClickPaste() {
let tagetId = 'pasteArea';
$(tagetId).focus();
let result = document.execCommand('paste');
alert('張付けの結果:' + result);
}
result
'가짜'일 수 있어 사용할 수 없습니다.
값을 깎다
Boolean에서 명령이 대응하지 않거나 유효하지 않으면 가짜입니다.
Document.execCommand() - Web API | MDN
Async Clipboard API를 시도했지만 붙여넣을 수 없습니다.
Unblocking Clipboard Access | Web | Google Developers
Mac의 Chrome
/** [貼付ける]ボタン押下処理. */
function onClickPaste() {
let tagetId = 'pasteArea';
navigator.clipboard.readText().then((text) => {
$(tagetId).val(text);
});
}
브라우저에 붙여넣기 라이센스가 설정되어 있지만 붙여넣을 수 없습니다.
클립보드에서 읽기
붙여넣기를 사용하려면 clipboard Read perrmission이 필요합니다.
클립보드와의 대화 - Mozill | MDN
구체적으로 어떻게 하면 좋을지 잘 몰라서 크롬으로 비슷한 설정을 해봤는데 붙이지 못했다.
(참조)클립보드를 사용하여 복사 및 붙여넣기 - Qita
/** [貼付ける]ボタン押下処理. */
function onClickPaste() {
let tagetId = 'pasteArea';
let content = window.clipboardData.getData("Text");
$(tagetId).val(content);
}
IE 이외의 경우에는 붙이면 안 돼요.
Document.execCommand 해봤는데 안 붙어요.
Mac의 FireFox
/** [貼付ける]ボタン押下処理. */
function onClickPaste() {
let tagetId = 'pasteArea';
$(tagetId).focus();
let result = document.execCommand('paste');
alert('張付けの結果:' + result);
}
result
'가짜'일 수 있어 사용할 수 없습니다.
값을 깎다
Boolean에서 명령이 대응하지 않거나 유효하지 않으면 가짜입니다.
Document.execCommand() - Web API | MDN
Async Clipboard API를 시도했지만 붙여넣을 수 없습니다.
Unblocking Clipboard Access | Web | Google Developers
Mac의 Chrome
/** [貼付ける]ボタン押下処理. */
function onClickPaste() {
let tagetId = 'pasteArea';
navigator.clipboard.readText().then((text) => {
$(tagetId).val(text);
});
}
브라우저에 붙여넣기 라이센스가 설정되어 있지만 붙여넣을 수 없습니다.
클립보드에서 읽기
붙여넣기를 사용하려면 clipboard Read perrmission이 필요합니다.
클립보드와의 대화 - Mozill | MDN
구체적으로 어떻게 하면 좋을지 잘 몰라서 크롬으로 비슷한 설정을 해봤는데 붙이지 못했다.
/** [貼付ける]ボタン押下処理. */
function onClickPaste() {
let tagetId = 'pasteArea';
$(tagetId).focus();
let result = document.execCommand('paste');
alert('張付けの結果:' + result);
}
/** [貼付ける]ボタン押下処理. */
function onClickPaste() {
let tagetId = 'pasteArea';
navigator.clipboard.readText().then((text) => {
$(tagetId).val(text);
});
}
HTML 사용 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" charset="utf-8">
<title>貼付けをJavaScriptでやってみる</title>
<script src="https://code.jquery.com/jquery-1.11.0.min.js" integrity="sha256-spTpc4lvj4dOkKjrGokIrHkJgNA0xMS98Pw9N7ir9oI=" crossorigin="anonymous"></script>
<script src="sample.js"></script>
</head>
<body>
<table>
<tr>
<td>貼付け場所</td>
<td><input id="pasteArea" type="text"></td>
</tr>
<tr>
<td colspan="2"><input type="button" id="paste" value="貼付ける" onclick="onClickPaste();"></td>
</tr>
</table>
</body>
</html>
Reference
이 문제에 관하여(클립보드에서 텍스트 상자에 복사된 내용을 단추로 붙여넣을 수 없습니다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ponsuke0531/items/a15586ad8266d9c4535f
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" charset="utf-8">
<title>貼付けをJavaScriptでやってみる</title>
<script src="https://code.jquery.com/jquery-1.11.0.min.js" integrity="sha256-spTpc4lvj4dOkKjrGokIrHkJgNA0xMS98Pw9N7ir9oI=" crossorigin="anonymous"></script>
<script src="sample.js"></script>
</head>
<body>
<table>
<tr>
<td>貼付け場所</td>
<td><input id="pasteArea" type="text"></td>
</tr>
<tr>
<td colspan="2"><input type="button" id="paste" value="貼付ける" onclick="onClickPaste();"></td>
</tr>
</table>
</body>
</html>
Reference
이 문제에 관하여(클립보드에서 텍스트 상자에 복사된 내용을 단추로 붙여넣을 수 없습니다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ponsuke0531/items/a15586ad8266d9c4535f텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)