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
/ ) には 0 が割り当てられており、最終変数を使用した関数呼び出しでisClick
はそのままです。getResults
助けてください。