javascript - 实时事件轮询

Question

document.body.onclick = function(e) {
    e = e || event
var target = e.target || e.srcElement
// variable target has your clicked element
    innerId = target.id;
    //  do your stuff here.
    isClicked = 1;


}

document.body.onmousemove = function()
{

hasMouseMoved = 1;
//console.log(hasMouseMoved);
}
window.onresize = function()
{
  isresized =1;
  //console.log(isresized);
}

window.onscroll = scroll;

function scroll()
{
   alert("scroll event detected! " + window.pageXOffset + " " + window.pageYOffset);
   isScrolled=1;
   //console.log(isScrolled);

}
document.body.onkeypress = function(evt)
{
  evt = evt || window.event;

    if (evt.keyCode!=='undefined') {
        // Do your stuff here
        isPressed = 1;
       // console.log(isPressed);
    }
return isPressed;
}

  function getResult() {
      result =  ***hasMouseMoved+"|"+isClicked +"|"+isPressed+"|"+isresized+"|"+isScrolled+***"|";
      //console.log(result);
      return result;
    }
  //  return result;
//}
var final = getResult();
  console.log(final);

所以我有这 5 个事件处理程序，它们操纵/处理用户与键盘和鼠标的交互。我有一个函数getResult，它获取与每个函数关联的标志的更改。当我使用 HTML 页面运行此 Javascript 时，我需要在控制台中不断键入 getResults();，以在键入/mousepressed/mousemoved/scrolled/resized 后获取这些标志的更改。我希望这些更改能够实时显示，并且这些标志会随着交互而变化。

请帮助我了解如何轮询这些处理程序以便实时给出结果。截至目前，标志 (isPressed/isScrolled/isResized/hasMouseMoved/isClick ) 被分配 0 并在使用 Final 变量的 getResults 函数调用中保持不变。请帮忙。

Answer 1

在每个处理函数的末尾调用 getResult():

console.log(getResult());