怎么获取网页中光标所在输入框的id代码

在JavaScript中，获取网页中光标所在的输入框(id)通常需要结合`document.activeElement`属性和事件处理。当你鼠标悬停或键盘焦点移动到某个输入框时，可以这样做：

function getInputIdWithCursor() {
    // 获取当前活动元素，即光标所在位置
    var activeElement = document.activeElement;

    // 检查元素是否是input标签，并检查是否有id属性
    if (activeElement.tagName.toLowerCase() === 'input' && activeElement.id) {
        return activeElement.id;
    } else {
        // 如果不是input元素，或者没有id，返回null或undefined
        console.log("光标不在输入框上");
        return null; // 或者你可以选择返回空字符串或其他合适的值
    }
}

// 要监听光标改变，可以绑定window的blur和focus事件
window.addEventListener('focus', function(event) {
    console.log(getInputIdWithCursor());
});
window.addEventListener('blur', function(event) {
    console.log(getInputIdWithCursor());
});

当你运行这个函数时，它会返回当前聚焦的输入框的id。如果没有聚焦的输入框，它将返回null。请注意，这仅适用于用户手动交互触发的焦点切换，如果你需要实时监控，可能还需要其他手段。