htmlキャンバスでのキーの感度

Question

マウス/キーが離されるまでの時間を知る必要があるため、応答はキー/マウスの押下に依存することになります。

たとえば、私はこれを試しましたが、なんらかの理由でうまくいかないようです。

var time = new Date(); 
var mousedown, mouseup, mousehold; 

document.addEventListener('onmousedown', function(){ 
    mousedown = time.getTime(); //gets time when mouse was pressed 
}); 

document.addEventListener('onmouseup', function(){ 
    mouseup = time.getTime(); //time when mouse was released 
    mousehold = mouseup - mousedown; //time difference 
    console.log(mousehold); 
}); 

Answer 1

まず、第二に、あなたのtime.getTimeはtime変数の時間を取得します

document.addEventListenter("mousedown", function() {...}); 

と

document.addEventListener("mouseup", function() {...}); ' 

を使用する必要があります。 あなたがこれを行う必要があります：あなただけしたい場合のmouseUp変数のない使用はありません

var mouseup, mousehold; 
 

 
document.addEventListener('mousedown', function(){ 
 
    mousedown = Date.now(); //gets time when mouse was pressed 
 
}); 
 

 
document.addEventListener('mouseup', function(){ 
 
    mousehold = Date.now()- mousedown; //time difference 
 
    console.log(mousehold); 
 
});

：ここ

var mousedown, mouseup, mousehold; 
 

 
document.addEventListener('mousedown', function(){ 
 
    mousedown = Date.now(); //gets time when mouse was pressed 
 
}); 
 

 
document.addEventListener('mouseup', function(){ 
 
    mouseup = Date.now(); //time when mouse was released 
 
    mousehold = mouseup - mousedown; //time difference 
 
    console.log(mousehold); 
 
});

することは、より良いバージョンです。マウスホールド変数を計算します。