响应式jQuery函数取决于@media

Question

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

我已经有了这个例子here，我几乎知道在屏幕上我需要鼠标并且在触摸屏中我需要鼠标（与mouseleave和mouseout相同），问题是：我如何为此开发这个2选项？

js here：

$.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');
        });
    });