如何使鼠标事件在Safari手机上正常工作？

Question

我已经创建了一个雪锥架网站，您可以将鼠标悬停在某个口味上，然后会弹出一个显示框，显示包含该口味的有趣口味混合物。在Chrome，三星互联网和Firefox上，一切看起来都不错。当涉及到移动设备时，鼠标悬停事件已成为单击事件，并且在单击风味时可以正常工作。唯一的问题是野生动物园。风味无法悬停，单击或其他任何方式来使组合显示。如何在Safari上执行此操作？

这是我尝试使其在safari上运行的我的javascript代码：

flavorArr.forEach(function(current) {
    var insertedText =  function() {
        comboContainer.innerHTML = "";
        comboContainer.insertAdjacentHTML('afterbegin', current.message);
    }

    if(window.width <= 900) {
        current.selector.addEventListener('touchstart', function() {
            insertedText();
        })

        current.selector.addEventListener('touchend', function() {
            comboContainer.innerHTML = '<h3 class="text-center">Flavors</h3><h4 class="pulse">(hover over a flavor)</h4>';
        })
    } else {

        current.selector.addEventListener('mouseenter', function() {
            insertedText();
        })

        current.selector.addEventListener('mouseleave', function() {
                comboContainer.innerHTML = '<h3 class="text-center">Flavors</h3><h4 class="pulse">(hover over a flavor)</h4>';
        })
    }


});