用js设置文本框内只能输入数字

<input type="text" pattern="[0-9]*" title="只能输入数字">

<input type="text" id="numberInput">
<script>
document.getElementById('numberInput').addEventListener('input', function(e) {
    // 使用正则表达式替换非数字字符
    e.target.value = e.target.value.replace(/[^0-9]/g, '');
});
</script>

<input type="text" id="numberInput">
<script>
document.getElementById('numberInput').addEventListener('keypress', function(e) {
    // 检查按下的键是否为数字
    if (e.which < 48 || e.which > 57) {
        e.preventDefault(); // 阻止非数字键的输入
    }
});
</script>

<input type="text" id="numberInput">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$('#numberInput').on('input', function() {
    $(this).val($(this).val().replace(/[^0-9]/g, ''));
});
</script>