рдЯрдЪ-рд▓реИрдкрдЯреЙрдк рдкрд░ рдХреНрдпреЛрдВ рдХреБрдЫ рдПрд╕рдкреАрдП рд╕реНрдкрд░реНрд╢-рдШрдЯрдирд╛рдУрдВ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдирд╛ рдмрдВрдж рдХрд░ рджрд┐рдпрд╛

рд╢рд╛рдпрдж рдореИрдВ рдЕрднреА рдмрд╛рд╣рд░ рдмрдирд╛ рд╣реВрдВ, рдФрд░ рд╣рд░ рдХреЛрдИ рд▓рдВрдмреЗ рд╕рдордп рд╕реЗ рдЬрд╛рдирддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рдкрддрд╛ рдЪрд▓рд╛ рд╣реИ рдХрд┐ рдХреНрд░реЛрдо 70 рдореЗрдВ рдЙрдиреНрд╣реЛрдВрдиреЗ рдРрд╕рд╛ рдХрд┐рдпрд╛ рдерд╛: рдбреЗрд╕реНрдХрдЯреЙрдк рдкрд░ рдЕрдХреНрд╖рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП ontouch * API рдбрд┐рдлрд╝реЙрд▓реНрдЯ

рддрджрдиреБрд╕рд╛рд░, рдпрджрд┐ рдЖрдкрдХреЗ рдХреЛрдб рдореЗрдВ рдЖрдкрдиреЗ рдХрд┐рд╕реА рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдпрд╛ рд╡рд┐рдВрдбреЛ рдореЗрдВ 'ontouch *' рдХреБрдВрдЬрд┐рдпреЛрдВ рдХреА рдЙрдкрд╕реНрдерд┐рддрд┐ рдкрд░ рднрд░реЛрд╕рд╛ рдХрд┐рдпрд╛ рд╣реИ, рддреЛ рдЖрдкрдХрд╛ рдХреЛрдб рдЕрдм рдпрд╣ рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдирд╣реАрдВ рдХрд░реЗрдЧрд╛ рдХрд┐ рдЯрдЪ рдбрд┐рд╡рд╛рдЗрд╕ рдкрд░ рдХреНрдпрд╛ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

рдореИрдВ рдПрдХ рдЯрд╛рдЗрдкреЛ рдореЗрдВ рднрд╛рдЧ рдЧрдпрд╛:

var isTouchDevice = (('ontouchstart' in window) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)); 

рдФрд░ рдЬрдм рдкрд╣рд▓реА рд╢рд░реНрдд рд╕рдЪ рд╣реЛ рдЧрдИ, рддреЛ рджреВрд╕рд░реА рдЦрд░рд╛рдм рд╣реЛ рдЧрдИред рдЗрд╕рдореЗрдВ рдиреЗрд╡рд┐рдЧреЗрдЯрд░.maxTouchPoints рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП рдерд╛

рд▓реЗрдХрд┐рди, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, jQuery UI рдЯрдЪ рдкрдВрдЪ 0.2.3 рдореЗрдВ , рдирд┐рдореНрди рдХреЛрдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ:

  $.support.touch = 'ontouchend' in document; 

рддрджрдиреБрд╕рд╛рд░, рд╕рдорд░реНрдерди рднреА рдЦреЛ рдЧрдпрд╛ рд╣реИред

Source: https://habr.com/ru/post/hi429052/


All Articles