input이 아닌 contenteditable에서 특수문자 입력방지하는방법

안녕하세요.

특수문자 입력을 방지하고 있습니다.

input에는 아주 잘 작동하지만

contenteditable에서는 작동을 하게 바꾸면

한글입력이라고 적으면

아래와 같이 입력이 됩니다.

력려입ㄹ입글이글그한ㄱ하ㅎ

이건 input에서 작동하는 소스

var replaceChar = /[~!@\#$%^&*\()\=+_'\;<>\/.\`:\"\\,\[\]?|{}]/gi;
var replaceNotFullKorean = /[ㄱ-ㅎㅏ-ㅣ]/gi;
 
$(document).ready(function(){
     
    $(".inputName").on("focusout", function() {
        var x = $(this).val();
        if (x.length > 0) {
            if (x.match(replaceChar) || x.match(replaceNotFullKorean)) {
                x = x.replace(replaceChar, "").replace(replaceNotFullKorean, "");
            }
            $(this).val(x);
        }
        }).on("keyup", function() {
            $(this).val($(this).val().replace(replaceChar, ""));
 
   });
 
});

이건 contenteditable에서 작동하는 소스 val을 text로 변경함.

var replaceChar = /[~!@\#$%^&*\()\=+_'\;<>\/.\`:\"\\,\[\]?|{}]/gi;
var replaceNotFullKorean = /[ㄱ-ㅎㅏ-ㅣ]/gi;
 
$(document).ready(function(){
     
    $(".inputName").on("focusout", function() {
        var x = $(this).text();
        if (x.length > 0) {
            if (x.match(replaceChar) || x.match(replaceNotFullKorean)) {
                x = x.replace(replaceChar, "").replace(replaceNotFullKorean, "");
            }
            $(this).text(x);
        }
        }).on("keyup", function() {
            $(this).text($(this).text().replace(replaceChar, ""));
 
   });
 
});

혹시 contenteditable 에서도 특수 문자 입력을 막을 수 있을까요?

감사합니다.

적용하려는 이유