Почти нашёл решение своего вопроса
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Р РѕР±РѕС‚</title>
<link rel="stylesheet" href="script.css">
<script src="/jquery.js"></script>
<script src="/script.js"></script>
</head>
<body>
<div id="wrapper">
<button id="up">▲</button>
<button id="left">◄</button>
<button id="right">►</button>
<button id="down">▼</button>
</div>
</body>
<script src="https://unpkg.com/hotkeys-js/dist/hotkeys.min.js"></script>
<script type="text/javascript">
hotkeys('w,s,a,d', function(event,handler) {
switch(handler.key){
case "w":document.getElementById('up').click();break;
case "s":document.getElementById('down').click();break;
case "a":document.getElementById('left').click();break;
case "d":document.getElementById('down').click();break;
}
});
</script>
</html>
Увы, моих знаний не достаточно что бы это осуществить_)