实现HTML输入框回车直接跳转至指定记录的PHP页面

直接修改你的JavaScript代码，去掉操作链接元素的逻辑，改用window.location.href实现回车后直接跳转，同时优化参数获取逻辑以适配现有分页规则：

document.querySelector('#defaultFormControlInput').addEventListener('keypress', function (e) {
    if (e.key === 'Enter') {
        // 去除输入内容前后空格，避免无效跳转
        const recordNum = e.target.value.trim();
        if (!recordNum) return;
        
        // 动态获取当前URL中的page参数，和现有分页逻辑保持一致
        const urlParams = new URLSearchParams(window.location.search);
        const currentPage = urlParams.get('page') || 'artefact';
        
        // 构造完整跳转URL
        const targetUrl = `${window.location.pathname}?page=${currentPage}&record=${recordNum}`;
        
        // 直接跳转至目标页面
        window.location.href = targetUrl;
    }
});

关键修改说明 #

• 修正输入框选择器：匹配你实际设置的输入框ID defaultFormControlInput
• 增加空输入判断：避免用户输入空格或空值时触发无效跳转
• 动态获取page参数：无需硬写page=artefact，自动继承当前页面的page参数，和现有分页逻辑统一
• 直接跳转：通过window.location.href跳过链接创建步骤，回车后立即跳转

后续你可以在PHP端接收record参数后，添加if ($record_number >= $max_record)的判断逻辑，对不存在的记录做跳转或提示处理。

内容的提问来源于stack exchange，提问作者Spatial Digger