У вас работает, но не совсем корректно и код надо запускать каждый раз после изменения полей. А вообще задача не такая простая как кажется на первый взгляд, например, кроме клавиатурного ввода необходимо учесть события вставки. Ниже код который позволяет ввести с клавиатуры только цифры.
$(".pallets").on("input", function(e) {
let val = $(this).html();
if (val.match(/\D/)) {
let pos = getPos(this);
$(this).html(val.replace(/\D/g, ""));
setPos(this, pos - 1);
}
});
function getPos(elem) {
elem.focus();
let _range = document.getSelection().getRangeAt(0);
let range = _range.cloneRange();
range.selectNodeContents(elem);
range.setEnd(_range.endContainer, _range.endOffset);
return range.toString().length;
}
function setPos(elem, pos) {
elem.focus();
if (document.selection) {
let sel = document.selection.createRange();
sel.moveStart('character', pos);
sel.select();
} else {
let sel = window.getSelection();
sel.collapse(elem.firstChild, pos);
}
}
.pallets {
border: 1px solid black;
width: 250px;
height: 25px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="pallets" contentEditable></div>
<div class="pallets" contentEditable>4</div>
<div class="pallets" contentEditable>5</div>
innerHTML
может содержаться только строка.parseInt(pallets[i].innerHTML)
, то присвойте его переменной. Не понятно зачем вы так делаетеpallets[i].innerHTML = parseInt(pallets[i].innerHTML)