채택완료

질문드립니다.

2022-10-02 (일) 16:30:32 2,262

안녕하세요 

아래의 이미지 부분 게시판에서 여분필드 wr_1  사용중이구요  

입력부분 text 박스에 복사 및 붙여넣기 금지시키려고 하는데요 

어떻게 하면처리 가능한가요?

459702401_1664695435.4918.png

|

답변 3개 / 댓글 2개

채택된 답변
+20 포인트

https://developer.mozilla.org/en-US/docs/Web/API/Element/copy_event
https://developer.mozilla.org/en-US/docs/Web/API/Element/cut_event
https://developer.mozilla.org/en-US/docs/Web/API/Element/paste_event
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/drop_event

Copy
<input class="nocp" type="text" />
<textarea class="nocp"></textarea>

<script>
function fn_nocp(evt) {
    evt.preventDefault();
}
var nocp = document.querySelectorAll('.nocp');
for (var i = 0, i_len = nocp.length; i < i_len; i++) {
    nocp[i].addEventListener('copy', fn_nocp, false);
    nocp[i].addEventListener('cut', fn_nocp, false);
    nocp[i].addEventListener('paste', fn_nocp, false);
    nocp[i].addEventListener('drop', fn_nocp, false);
}
</script>
2022-10-02 (일) 17:01:53

컴퓨터 에서는 잘되는데요.   휴대폰에서는 안먹히네요ㅜㅜ

답변에 대한 댓글 1개

모바일은 클릭이 없으니까요..길게 누르는 부분을 잡아내셔야합니다.
https://stackoverflow.com/questions/2625210/long-press-in-javascript
위 사이트보고 참조하시면 될거같네요

콘트롤 키랑 마우스 우클만 막으면됩니다.

Copy
<input type="text" class="test">
<script>
    $(".test").keydown(function(e) {
        if (e.ctrlKey) {
            alert('복사 및 붙여넣기 금지');
            return false
        }

    });
    $(".test").mousedown(function(e) {
        if (e.which == 3) {
            alert('복사 및 붙여넣기 금지');
            return false
        }
    });

</script>

답변에 대한 댓글 1개

Shift + Insert / text drag & drop 도 있습니다.

답변을 작성하려면 로그인이 필요합니다.