Jquery - best way to detect mobile browser? (mousedown/touchmove)

Question

I have some Jquery scroller.

For desktop browsers I use this construction:

holder.bind('mousedown.rotate', function(e){ //some actions doc.bind('mousemove.dragrotate', function(e){ //some actions }); doc.bind('mouseup.dragrotate', function(){ //some actions doc.unbind('.dragrotate'); }); });

for mobile browsers it works in this way:

holder.bind('touchmove', function(jQueryEvent) { //some actions });

what is the best way to determine mobile borwsers? is there a way to use same function for all platforms?

thx

Possible duplicate of stackoverflow.com/questions/3974827/… — Vladimir Kadalashvili
– Vladimir Kadalashvili, Commented Jul 5, 2012 at 18:01

sachleen · Accepted Answer · 2012-07-05 18:02:13Z

You can use navigator.userAgent to check what browser the user is using... the following code would be a good starting point.

if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/webOS/i)) { // Mobile browser specific code here }

Detect Mobile Browsers has a JS file you can use if you want to get more specific.

Community · Accepted Answer · 2017-05-23 12:07:25Z

var is_touch_device = 'ontouchstart' in document.documentElement;

Detecting touch screen devices with Javascript

Collectives™ on Stack Overflow

Jquery - best way to detect mobile browser? (mousedown/touchmove)

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related