Run javascript/jquery only on screen media, not print

Question

How can I run a jquery function only on @media screen?

Background:

I have a screen.css stylesheet and a print.css styl

Answer 1

In latest browsers you can use matchesMedia:

if (window.matchMedia("screen").matches) {
    ....
}

If you want to support older browsers too you can use a polyfill like matchMedia.js