JQuery를 사용하여 Android 브라우저에서 '붙여 넣기'를 사용 중지하는 방법은 무엇인가요?

Question

사용자가 입력란에 값을 붙여 넣기를 원치 않는 입력란이 있습니다. 다음 jQuery 코드를 사용하고 있으며 데스크톱 브라우저 및 iPhone Safari에서 잘 작동합니다. 문제는 안드로이드 브라우저에서 작동하지 않는다는 것입니다.

$('#no_paste').bind("paste", function(e) {     
     e.preventDefault(); 
}); 

는 여기가 paste 이벤트를 전송하지 않는 것 갤럭시 SIII 및 안드로이드 브라우저에서이 테스트 한 fiddle

Answer 1

입니다. 그러나 붙여 넣은 후에도 여전히 input 이벤트를 보냅니다.

사용자가 필드에 입력하는 경우 각 문자에 대해 하나의 input 이벤트가 발생합니다. 그러나 붙여 넣을 경우 input 이벤트는 붙여 넣은 전체 문자열에 대해 한 번만 실행됩니다. 이 관찰을 근거로하여 우리는 다음과 같이 붙여 넣기를 차단할 수 있습니다

$('#ie').bind("input", function() { 
    var previousValue = $(this).data('old_value') || '', 
     newValue = $(this).val(); 

    if((newValue.length - previousValue.length) > 1) { 
     $(this).val(previousValue); 
    } 

    $(this).data('old_value', $(this).val()); 
}); 

당신은 JSFiddle here 찾을 수 있습니다.

이것도 자동 완성과 유사한 방식으로 작동하는 다른 모든 이상한 입력 기술을 차단합니다 (나는 거의 알지 못합니다).