? ??? 2015 Dev.opera ??? ?? ?? ? ???? ? ??? ?? ?? 4 ?? ?? ??? ?? ( pointer , hover , any-pointer , any-hover )? ??? ??? ???????. ?? ??? any-hover: none ; ? ??? ?? ?? ??? ???? ???? ??? ???? ????? (?? ??? ?? ? ?? ?? ??? ??).

Media Queries Level 4? ??? ?? ??? ???? ? ??? ??? ? ?? ( window.matchMedia ? ?? CSS Interactivity ?? JavaScript ??)? ???? ?? ??????. ????? ? ???? ?? ?? ??? ?????.

???? ?? ??? ?? ??? ? ???/????? ??? ???? ?? ?? ?? ?? ???? ?? ?? ??? ????????.

 <code>@media (pointer: fine) { /* Mouse or stylus: small controls okay */ } @media (pointer: coarse) { /* Touchscreen: larger touch targets */ } @media (hover: hover) { /* Enable hover menus */ } @media (hover: none) { /* Disable hover menus */ }</code>

???? ?? ?? ??? ?? ??? ??? ???? ????? pointer: coarse ?? ? ? ?? ???? ????.

 if (wind
 / * ?? ??? : ?? ??? ?? */
 target.addeventListener ( "?? ???", ...);
} ? ?? {
 / * ??? ??? ???/??? ??? ?? */
}

???? ???? ???? ??? ??? ?????.

1 ? ?? ??

pointer ? hover ?? ??? ??? ?? ? ?????. ?? ???? ?? ?? ??, ?? ??? ??/?? ??? ?? ? ????. ????? ??? ??? ??? ?? ???? ?? ?? ???? . ??? ?? ??? ???? ??? ???? ??????.

Bluetooth ?????? ??? ???? ?? ???? ???? ???? ???? pointer: coarse and hover: none ?? ? ? ????. ??? ?? ???? ?? ?? ?? ( pointer: fine )? ??? ? ??? ???? ?? ???? ?? ? ? ????.

? ??? any-pointer ? any-hover ? ?? ?????.

?? ??? ?????

any-pointer ? any-hover ?? ??? ??? ?? ? ??? ?????. ??? ?? ??? ?? ?? ?? ?? ?? ? ? ????. ?? ??? ????? ??? ?? ?????.

?? ?? ??? ???? ?? ?? ??? ??? ?? ?? ?? : "?? ? ????? ??? ????" ??? ??? ??? ??? ???? ?? ?? ??? ???????. "

 <code>@media (any-pointer: coarse) { /* At least one coarse pointer: larger controls */ } @media (any-hover: hover) { /* At least one hover-capable input: enable hover menus */ }</code>

any-pointer: none ??? ??? ?? ?? ?? ???? ???? ????. any-hover: none ?? ? ?? ?? ??? ???? ??? ?? ???? ???? ???? ????.

???? ?? ??? ?????

?? ? ??? ?? ??? ??????.

 <code>@media (pointer: coarse) and (any-pointer: fine) { /* Primary input is touchscreen, but a fine input exists. Prioritize touch, but mouse/stylus users can still interact. */ } @media (pointer: fine) and (any-pointer: coarse) { /* Primary input is mouse/stylus, but a touchscreen exists. Larger controls might be safest. */ } @media (hover: none) and (any-hover: hover) { /* Primary input lacks hover, but another input supports it. Treat hover as optional. */ }</code>

????? ?? ?? (? : Bluetooth ??? ??)? ?? ???? ??? ???? ??????.

????? ??? ? ????

?? ?? ??? ??? ?? ???? ??? ???? ????. ?? ??? ?? ??? JavaScript ???? ????? ?? ??? ??? ?? ? ????? ???? ?? ??? (?? ??, iOS ?? ??? ??)? ?? ??? ? ? ????.

?? ??? ????

??? ?? ?? ?? ( pointer: coarse -> ?? ??? ??)? ??? ????. ?? ??? ?? ??? ?? ???? ?? ??? ?? ? ?? ??? ??? ???? ????. ??, ?? ???/??? ???? ?? any-pointer: coarse ???? ?? ??? ???? ??????.

 / * ?? ???/??? ???? ???? */
target.addeventListener ( "??", ...);

if (wind
 / * ?? ???? ???? ?? ?? ???? ???? */
 target.addeventListener ( "?? ???", ...);
}

?? ?? ?? ??? ??? ???? ??????.

??? ??? ??

?? ?? ??? ??? ?? ???? ?? ??? ?? (??/???)? ??????. ??? ??? ???? ?? ??? ??? ?? ??? ???? ?? ???? ??????.

???? ??

?? ?? ??? ??? ??? ??????. ?? ?? ??? ???? ?? pointer ? hover ?? ????? ??? ???? ??????. ?? ?? ??? ? ?? ??? ??? ??? ??? ???? ?? ??? ???? ??????.

? ??? ?? ?? ??? ?? ? ??? (??? ??)? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!