js 获取鼠标焦点事件吗

// 获取页面上的输入框元素
const inputElement = document.getElementById('myInput');

// 添加focus事件监听器
inputElement.addEventListener('focus', function() {
    console.log('Input element is now focused!');
    // 可以在这里添加更多逻辑，比如显示提示信息
});

// 添加blur事件监听器
inputElement.addEventListener('blur', function() {
    console.log('Input element has lost focus.');
    // 可以在这里添加更多逻辑，比如隐藏提示信息或进行数据验证
});

document.addEventListener('DOMContentLoaded', function() {
    const inputElement = document.getElementById('myInput');
    if (inputElement) {
        inputElement.addEventListener('focus', onFocus);
        inputElement.addEventListener('blur', onBlur);
    }
});

function onFocus() {
    console.log('Focused!');
}

function onBlur() {
    console.log('Blurred!');
}

inputElement.addEventListener('focusin', function(event) {
    event.stopPropagation();
    console.log('Focus in, but no bubbling.');
});