Javascript 响应jQuery函数取决于@media

我制作了一个简单的js来更改地图区域悬停时的样式。但在iPad中（我想和其他平板电脑一样），hover并没有显示——只是鼠标移动事件

我已经有了这个例子，我几乎知道在屏幕上我需要鼠标计，在触摸屏上我需要鼠标（与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');
        });
    });

---

看一看inquire.js->@patrick它看起来很棒，谢谢！但现在弹出另一个相关的问题：我不能问是否有只使用@media query的触摸屏，media query允许我捕捉屏幕的分辨率。事实上，我发现：

var是document.documentElement中的\u touch\u device='ontouchstart'；如果（触摸设备）报警（“触摸已启用！”）但是现在我需要js到普通版本（不是触摸屏）。你可以使用Modernizr（），这样你就可以做if（Modernizr.touch）{}。但我认为最好有一个替代方案。您可以使用同时支持鼠标和触摸的pc（主要是windows 8），因此您应该在那里禁用鼠标事件。