JavaScript 캡 처 와 동시에 여러 버튼 - 비 조합 키
7339 단어 JavaScript
<img id="imgPlane" src="" alt=" " />
<script type="text/javascript">
var keyCodeArry = [];
document.onkeydown = function(ev) {
var oEvent = ev || event;
keyCode = oEvent.keyCode;
keyCodeArry = addKeyCodeArry(keyCode, keyCodeArry);
console.log(keyCodeArry);
}
document.onkeyup = function(ev) {
var oEvent = ev || event;
keyCode = oEvent.keyCode;
keyCodeArry = deletKeyCodeArry(keyCode, keyCodeArry);
console.log(keyCodeArry);
}
function addKeyCodeArry(num, arr) {
var check = 0;
for(var i = 0; i < arr.length; i++) {
if(arr[i] == num) {
check = 1;
}
}
if(check == 0) {
arr.push(num);
}
return arr;
}
function deletKeyCodeArry(num, arr) {
for(var i = 0; i < arr.length; i++) {
if(arr[i] == num) {
arr.splice(i, 1);
}
}
return arr;
}
var body = document.getElementsByTagName("body")[0];
var x = 300;
var y = 200;
body.addEventListener("keydown", function(e) {
console.log(e.keyCode);
var imgPlane = document.getElementById("imgPlane");
var speed = 10;
console.log(x + " " + y);
for(var i=0; i < keyCodeArry.length; i++) {
keyCode = keyCodeArry[i];
if(keyCode == 87) {
//w
y -= speed;
}
if(keyCode == 83) {
//s
y += speed;
}
if(keyCode == 65) {
//a
x -= speed;
}
if(keyCode == 68) {
//d
x += speed;
}
}
imgPlane.style.top = y + "px";
imgPlane.style.left = x + "px";
});
function lan_Click() {
var lan = document.getElementById("language");
var lans = ["C", "C++", "Java", "Php", "C#"];
if(lan.children.length == 0) {
for(var i = 0; i < lans.length; i++) {
var li = document.createElement("li");
li.innerHTML = lans[i];
//
li.addEventListener("click", function(e) {
console.log(e.path[0].innerHTML);
});
lan.appendChild(li);
}
} else {
lan.innerHTML = null;
}
}
script>
W / A / S / D 버튼 을 눌 러 비행기의 이동 을 제어 하고 네티즌 들 의 사고방식 을 이용 하여 사선 이동 을 실현 할 수 있다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.