オンフリンジイベントの速度の計算

-2

JavaScriptのオンフリンジイベントを再現したい。
私はpx /時間を計算しなければならないことは知っていますが、私は参照するために何時にしなければならないのか分かりません。オンフリンジイベントの速度の計算

2016-08-09 accaacco

実証んその所期の目的のために、FIRされていない状態また、あなたが試したことを示すためにいくつかのコードを共有すれば、より効率的に手助けをすることができます。 – jbehrens94

このコードでは、それはあなたが参考のために再現するイベントへのリンクを含めることが良いかもしれませんどのように「PX /時間を計算するには、」

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<title>Fling Me</title> 
<style> 
div{ 
    position:absolute; 
    top:300px; 
    left:300px; 
    width:100px; 
    height:100px; 
    background-color:red; 
} 
</style> 
</head> 
<body> 
republicans must abandon trump or be complicit in his advocacy of assassinating a sitting president 
<div></div> 
<script> 
'use strict'; 
(function(){ 
var mm,ox,oy,el,t,l,tt=0,tl=0,dt=0,dl=0,tmr,s; 
document.querySelector('div').addEventListener('mousedown', 
    function(ev){ 
     el = ev.target; 
     s = el.style ; 
     ox=ev.offsetX; oy=ev.offsetY; 
     t=ev.clientY;l=ev.clientX; 
     tmr = setInterval(function(){  
     dt = tt - t; 
     dl = tl - l; 
     tt = t; 
     tl = l;    
     },30); 
     el.addEventListener('mousemove', 
     mm = function(ev){ 
      t=ev.clientY;l=ev.clientX; 
      s.top = t - ox + 'px'; 
      s.left = l - oy + 'px';    
     } 
    ); 
     el.addEventListener('mouseup', 
     function(ev){ 
      clearInterval(tmr); 
      el.removeEventListener('mousemove',mm); 
      tmr = setInterval(function(){ 
       s.top = parseInt(s.top) - dt + 'px'; 
       s.left = parseInt(s.left) - dl + 'px'; 
      },30); 
      setTimeout("location.assign(location.href)",2000); 
     } 
    ); 
    } 
)})(); 
</script> 
</body> 
</html>

出典

2016-08-10 13:24:08 daveyerwin

こんにちは、私は、コードのこの部分を理解していない：el.addEventListener（ 'のmouseup' 関数（EV）{ てclearInterval（TMR）; el.removeEventListener（ 'のMouseMove'、MM）; TMR =たsetInterval（stop = parseInt（s.top） - dt + 'px'; s.left = parseInt（s.left） - dl + 'px'; }、30）; setTimeout（ " location.assign（location.href） "、2000）; } ）;マウスを上げた後に他のタイマーを設定するのはなぜですか？ – accaacco

オンフリンジイベントの速度の計算

答えて

関連する問題