javascript - 响应式 jQuery 函数取决于 @media

Question

我做了一个简单的 js 来改变地图区域悬停时的样式。但在 iPad 中（我猜和其他平板电脑一样）悬停不显示 - 只是 mouseup 事件。

我在这里已经有了这个例子，我几乎知道在屏幕上我需要mouseeneter，在触摸屏上我需要mouseup（与mouseleave和mouseout相同），问题是：我如何为这两个选项开发这个？

js在这里：

$.noConflict();
    jQuery(function () {
        jQuery('.map_hovered').maphilight();
        jQuery('.wind').mouseenter(function () {
            jQuery('.wind_changer_hover').addClass('fancy');
        });

        jQuery('.wind').mouseleave(function () {
            jQuery('.wind_changer_hover').removeClass('fancy');
        });
    });

    $.noConflict();
    jQuery(function () {
        jQuery('.map_pressed').maphilight();
        jQuery('.wind').mouseup(function () {
            jQuery('.wind_changer_press').addClass('fancy');
        });

        jQuery('.wind').mouseout(function () {
            jQuery('.wind_changer_press').removeClass('fancy');
        });
    });