当前位置：首页 > JavaScript

js实现回车跳转

2026-03-16 04:32:01JavaScript

实现回车跳转的方法

在JavaScript中，可以通过监听键盘事件来实现按下回车键后跳转页面或执行其他操作。以下是几种常见的实现方式：

监听输入框的回车事件

document.getElementById('inputId').addEventListener('keypress', function(event) {
    if (event.key === 'Enter') {
        window.location.href = '目标URL';
    }
});

监听整个文档的回车事件

js实现回车跳转

document.addEventListener('keydown', function(event) {
    if (event.key === 'Enter') {
        window.location.href = '目标URL';
    }
});

表单提交时阻止默认行为

document.getElementById('formId').addEventListener('submit', function(event) {
    event.preventDefault();
    window.location.href = '目标URL';
});

注意事项

确保在代码中替换'inputId'、'formId'和'目标URL'为实际的值

js实现回车跳转

如果需要在特定条件下才允许跳转，可以在事件处理函数中添加条件判断

考虑使用更精确的事件监听目标，避免全局监听回车键影响其他功能

进阶实现

对于SPA(单页应用)，可以使用路由库实现无刷新跳转：

document.getElementById('inputId').addEventListener('keypress', function(event) {
    if (event.key === 'Enter') {
        // 使用前端路由跳转
        router.push('/目标路径');
    }
});