| <!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> |