本文介紹了在 HTML5 畫布中創建關鍵事件的最佳方式是什么?的處理方法，對大家解決問題具有一定的參考價值，需要的朋友們下面隨著小編來一起學習吧！
問題描述
請建議為 HTML5 畫布創建關鍵事件的最佳方法.我不喜歡任何圖書館，但如果你認為這是最好的方法，那就去回答吧.提前致謝！
Please suggest the best way to create key events for HTML5 canvas. I don't prefer any library, but if you think that it's the best way then go answer it. Thanks in advance!
推薦答案
這將返回關鍵代碼:
<canvas id="myCanvas" width="200" height="100" style="background:green"></canvas>
<script type="text/javascript">
window.addEventListener('keydown',this.check,false);
function check(e) {
alert(e.keyCode);
}
</script>
如果您想演示基于密鑰所做的不同事情:
If you would like a demonstration of different things being done based on key:
function check(e) {
var code = e.keyCode;
//Up arrow pressed
if (code == 38)
alert("You pressed the Up arrow key");
else
alert("You pressed some other key I don't really care about.");
}
或者，如果您有一長串要使用的鍵，請在開關盒中進行:
Or if you have a long list of keys you'll be using, do it in a switch case:
function check(e) {
var code = e.keyCode;
switch (code) {
case 37: alert("Left"); break; //Left key
case 38: alert("Up"); break; //Up key
case 39: alert("Right"); break; //Right key
case 40: alert("Down"); break; //Down key
default: alert(code); //Everything else
}
}
這篇關于在 HTML5 畫布中創建關鍵事件的最佳方式是什么?的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！
【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題，如果有圖片或者內容侵犯了您的權益，請聯系我們刪除處理，感謝您的支持！