您可以使用mouseover和mouseout事件来模拟悬停。

因此：

document.getElementById('dropbtn').addEventListener('mouseover', ()=>document.getElementById('dropdown-content').style.display = 'blobk')

document.getElementById('dropbtn').addEventListener('mouseout', ()=>document.getElementById('dropdown-content').style.display = 'none')

您可以删除所有CSS悬停，并使用jquery在单击按钮时打开下拉列表，然后在单击时关闭它

$(()=> {
    const dropOpen = $('.dropbtn');
    const dropClose = $('.dropdown-content .close');

    dropOpen.on('click', function() {
       $(this).next().fadeIn();
    });

    dropClose.on('click', function() {
       $(this).parent().fadeOut();
   });
 });