检查元素是否为:hover (javascript或jquery)

let isHover = false;

const element = document.getElementById('yourElementId');

element.addEventListener('mouseenter', () => {
    isHover = true;
    console.log('Element is now hovered');
});

element.addEventListener('mouseleave', () => {
    isHover = false;
    console.log('Element is no longer hovered');
});

let isHover = false;

$('#yourElementId').hover(
    function() {
        isHover = true;
        console.log('Element is now hovered');
    },
    function() {
        isHover = false;
        console.log('Element is no longer hovered');
    }
);

#yourElementId:hover {
    background-color: red !important; /* 示例 */
}

$('#yourElementId').on('touchstart', function() {
    $(this).addClass('hover');
});

$('#yourElementId').on('touchend', function() {
    $(this).removeClass('hover');
});

#yourElementId.hover {
    /* 定义悬停时的样式 */
}