붙여넣기(Paste)시 HTML 제거

qpress 2020년 2월 6일 56

Input 박스 또는 Editable Element에 복사/붙여넣기 할 때 HTML이 제거된 Plain Text만 붙여넣는 JavaScript 코드

object.addEventListener("paste", function(e){
    // 기존 Paste process 중지
    e.preventDefault();
    // Clipboard로부터 Text 추출
    var text = (e.originalEvent || e).clipboardData.getData('text/plain');
    // 웹페이지가 아닌 html 코드 자체를 복사했을 경우 text가 추출되지 않기 때문에 별도로 다시 textContent 추출
    var temp = document.createElement("div");
    temp.innerHTML = text;
    document.execCommand("insertHTML", false, temp.textContent);
});