如何在HTML输入=‘date’上停止键盘输入以避免大量超出范围的日期

<input type="date" max="2022-12-31">

<input type="date" id="dateInput">

<script>
    const dateInput = document.getElementById('dateInput');
    dateInput.addEventListener('keydown', function(event) {
        event.preventDefault();
    });
</script>

<input type="date" id="dateInput">

<script>
    const dateInput = document.getElementById('dateInput');
    dateInput.addEventListener('input', function(event) {
        const inputDate = new Date(event.target.value);
        const currentDate = new Date();
        
        if (inputDate > currentDate) {
            alert('日期超出范围');
            event.target.value = ''; // 清空输入框的值
        }
    });
</script>