This article is translated from: Check if user is using IE
I am calling a function like the one below by clicking on div s with a certain class.
Is there a way I can check when starting the function if a user is using Internet Explorer and abort / cancel it if they are using other browsers so that it only runs for IE users Explorer, and abort / cancel this function when users use other browsers, so as to run only for IE users? The users here would all be on IE8 or higher versions so I would not need to cover IE7 and lower versions.
If I could tell which browser they are using that would be great but is not required.
Example function: example function:
$('.myClass').on('click', function(event) { // my function });
#1st floor
reference resources: https://stackoom.com/question/1Lukm/ Check if the user is using IE
#2nd floor
You can use $.browser to get name, vendor and version information.
See http://api.jquery.com/jQuery.browser/ See http://api.jquery.com/jQuery.browser/
#3rd floor
You can use the Navigator object to detect user navigator, you don't need jquery for it
<script type="text/javascript"> if (/MSIE (\d+\.\d+);/.test(navigator.userAgent) || navigator.userAgent.indexOf("Trident/") > -1 ){ // do stuff with ie-users } </script>
http://www.javascriptkit.com/javatutors/navigator.shtml http://www.javascriptkit.com/javatutors/navigator.shtml
#4th floor
Try this if you are using jquery version > = 1.9,
var browser; jQuery.uaMatch = function (ua) { ua = ua.toLowerCase(); var match = /(chrome)[ \/]([\w.]+)/.exec(ua) || /(webkit)[ \/]([\w.]+)/.exec(ua) || /(opera)(?:.*version|)[ \/]([\w.]+)/.exec(ua) || /(msie) ([\w.]+)/.exec(ua) || ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua) || /(Trident)[\/]([\w.]+)/.exec(ua) || []; return { browser: match[1] || "", version: match[2] || "0" }; }; // Don't clobber any existing jQuery.browser in case it's different if (!jQuery.browser) { matched = jQuery.uaMatch(navigator.userAgent); browser = {}; if (matched.browser) { browser[matched.browser] = true; browser.version = matched.version; } // Chrome is Webkit, but Webkit is also Safari. if (browser.chrome) { browser.webkit = true; } else if (browser.webkit) { browser.safari = true; } jQuery.browser = browser; }
If using jQuery version < 1.9 ($. browser was removed in jQuery 1.9) use the following code instead:
$('.myClass').on('click', function (event) { if ($.browser.msie) { alert($.browser.version); } });
#5th floor
Use below JavaScript method: use the following JavaScript methods:
function msieversion() { var ua = window.navigator.userAgent; var msie = ua.indexOf("MSIE "); if (msie > 0) // If Internet Explorer, return version number { alert(parseInt(ua.substring(msie + 5, ua.indexOf(".", msie)))); } else // If another browser, return 0 { alert('otherbrowser'); } return false; }
You may find the details on below Microsoft support site:
How to determine browser version from script How to determine browser version through script
Update: (IE 11 support) update: (IE 11 support)
function msieversion() { var ua = window.navigator.userAgent; var msie = ua.indexOf("MSIE "); if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) // If Internet Explorer, return version number { alert(parseInt(ua.substring(msie + 5, ua.indexOf(".", msie)))); } else // If another browser, return 0 { alert('otherbrowser'); } return false; }
#6th floor
In Edge the User Agent String has changed.
/** * detect IEEdge * returns version of IE/Edge or false, if browser is not a Microsoft browser */ function detectIEEdge() { var ua = window.navigator.userAgent; var msie = ua.indexOf('MSIE '); if (msie > 0) { // IE 10 or older => return version number return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10); } var trident = ua.indexOf('Trident/'); if (trident > 0) { // IE 11 => return version number var rv = ua.indexOf('rv:'); return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10); } var edge = ua.indexOf('Edge/'); if (edge > 0) { // Edge => return version number return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10); } // other browser return false; }
Sample usage: usage example:
alert('IEEdge ' + detectIEEdge());
Default string of IE 10: default string of IE 10:
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)
Default string of IE 11: default string of IE 11:
Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko
Default string of edge 12: default string of edge 12:
Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 Edge/12.0
Default string of edge 13 (thx @DrCord): the default string of edge 13 (thx @DrCord):
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586
Default string of edge 14: default string of edge 14:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/14.14300
Default string of edge 15: default string of edge 15:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36 Edge/15.15063
Default string of edge 16: default string of edge 16:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 Edge/16.16299
Default string of edge 17: default string of edge 17:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Edge/17.17134
Default string of edge 18 (Insider preview): default string of edge 18 (Insider preview):
Mozilla/5.0 (Windows NT 10.0; Win64; x64; ServiceUI 14) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Edge/18.17730
Test at CodePen: Test on CodePen:
http://codepen.io/gapcode/pen/vEJNZN http://codepen.io/gapcode/pen/vEJNZN