js監聽Enter回車鍵事件,例如網頁上回車提交表單
一、全局監聽keydown 或 keyup 事件:
document.addEventListener('keydown', function(event) {
if (event.key === 'Enter' || event.keyCode === 13) {
// 執行你的函數
yourFunction();
}
});
function yourFunction() {
console.log('回車鍵被按下!');
}
二、監聽表單輸入框的回車鍵(常用場景)
<input type="text" id="myInput" placeholder="按回車鍵執行">
<script>
const input = document.getElementById('myInput');
input.addEventListener('keydown', function(event) {
if (event.key === 'Enter') {
event.preventDefault(); // 阻止表單默認提交行為(如果有)
yourFunction();
}
});
function yourFunction() {
console.log('輸入框的回車鍵被按下,值:', input.value);
}
</script>
監聽表單輸入框回車提交案例:https://blog.nanzhi.vip/?article_id=2&type=idea
每天進步一點點

浙公網安備 33010602011771號