KPC
Kevin Powell - Community•11mo ago
lko

How do you know if the user is using a Mac?

So I found this code online: 
window.navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey
window.navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey
The problem is that platform is deprecated, what can I use instead? This is the entire code, basically i'm trying to run a function if the user presses CTRL + S or CMD + S ofc 
    if (
      (window.navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey) &&
      e.keyCode == 83
    ) {
      e.preventDefault();
      validate();
    }
    if (
      (window.navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey) &&
      e.keyCode == 83
    ) {
      e.preventDefault();
      validate();
    }
5 Replies
ἔρως
ἔρως•11mo ago
i wouldn't do any of that, and just check if either control or meta were pressed this way, your code works the same on linux and macos as well
lko
lko•11mo ago
right, i'm dumb thank you
ἔρως
ἔρως•11mo ago
it's not a matter of you being dumb or smart it's just a matter of simplifying things and this way, you simplify and give the user a choice oh, and it's a lot less work for you too
vince
vince•11mo ago
Check the user-agent
ἔρως
ἔρως•11mo ago
the user agent can be spoofed, making it effectively useless
Want results from more Discord servers?
Add your server
More Posts
XHR "error" event listener not working when URL is wrong. Confused as to whyWorking through Colt Steele's JavaScript course, and learning about XHR. This snippet is supposed toWordpress Critical IssueI've been experiencing an issue on my Wordpress site where a critical error is prompted and I cannotquestion about assigning a function to a variableI'm testing and trying out some new things I recently learn about functions and I come across somethHow can I implement the lines shown around the "enter" buttonI am creating a react portfolio using some designs I made on Figma. My goal is to replicate the enteHow to get an element to fit within its parent?I'm working on a simple layout: https://codepen.io/u3b4/pen/gOZmKmw The basic structure is somethinGrid properties issueHtml: <div class="branding" <img src="image" class="img-1"> <img src="image" class="img-2"> Optimized way of implementing Hero background VideoDoes any of you have some experiencing with optimizing a video, which is played, in loop and with auhaving problem centering in mobile versioni dont know why its not center in mobile version can someone help me out ```html <!DOCTYPE html> <htMagento 2 Override PageBuilder carousel/widget.jsI want to extend the 'initSlider' function from 'Magento_PageBuilder/js/content-type/products/appearTrouble with pseudo elementHi everyone! I'm trying to replicate this line between the bullet points in the screen shot. Code