TAG
CSS
JavaScript
Result
Run
License
<p>In this example, the keyboard key "<span id="combination-key"></span> + c" is for cydemy.com</p> <a id="linker" href="http://www.cydemy.com" target="_blank">Cydemy</a> <p> </p>
.title { color: #FF0000; border-bottom: 1px solid #CCC; padding-bottom: 5px; }
window.addEventListener("load", function() { let linker = document.querySelector("#linker"); let elComKey = document.querySelector("#combination-key"); linker.accessKey = "c"; let isMacos = navigator.userAgent.indexOf("Mac") !== -1 ? true : false; let ua = detectUseragent(); let keys; switch(ua.toLocaleLowerCase()) { case "unknow": case "opera15+": case "safari": case "edge": case "chrome": keys = isMacos ? "Control + Alt": "Alt"; elComKey.textContent = keys; break; case "firefox": keys = isMacos ? "Control + Alt": "Alt + Shift"; elComKey.textContent = keys; break; case "opera12-": elComKey.textContent = "Shift + Esc"; } }); function detectUseragent() { let ua = navigator.userAgent; console.log(ua); if (ua.indexOf("Chrome") !== -1) { return "chrome"; } else if (ua.indexOf("Firefox") !== -1) { return "firefox"; } else if (ua.indexOf("AppleWebKit") !== -1) { return "safari"; } else if (ua.indexOf("OPR") !== -1) { return "opera15+"; } else if (ua.indexOf("Opera") !== -1) { return "opera12-"; } else if (ua.indexOf("Edge") !== -1) { return "edge"; } else { return "unknow"; } }
Console
expand_less
License
License
by DevDic
Close