1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30


content / test / data / interaction-mq-dynamic.html [blame]

<!DOCTYPE html>
<html>
<head>
    <title>Dynamic interaction media query test</title>
    <script type="text/javascript">
      function handleMediaChange(mediaQueryList) {
        if (mediaQueryList.matches) {
          pass();
        } else {
          fail();
        }
      }

      function start() {
        var mql = window.matchMedia("(pointer: coarse) and (hover:hover)");
        mql.addListener(handleMediaChange);
      }

      function pass() {
        document.title = 'SUCCESS';
      }

      function fail() {
        document.title = 'FAIL';
      }
    </script>
</head>
<body onLoad="start()">
</body>
</html>