对页面上的任何活动做出反应

时间:2018-01-26 16:15:13

标签: javascript

我需要一个能够对页面上的任何活动作出反应的函数(我认为是JS函数但不确定)。如果用户点击任何地方,键入任何内容..无论他们在页面上做什么,每次我都需要这种反应。对于这个问题的需要,让我们说我正在寻找的是

alert ('user did something');

1 个答案:

答案 0 :(得分:1)

以下是您需要的样本。

基本上,您需要收听页面上的每个事件,但是您要在最顶层(window)进行操作。



function logEvent(eventName) {
console.log('user did something:', eventName); }
window.addEventListener('keydown', logEvent.bind(window, 'keydown'));

window.addEventListener('keyup', logEvent.bind(window, 'keyup'));

window.addEventListener('click', logEvent.bind(window, 'click'));

window.addEventListener('touchstart', logEvent.bind(window, 'touchstart'));

window.addEventListener('touchend', logEvent.bind(window, 'touchend'));

window.addEventListener('scroll', logEvent.bind(window, 'scroll'));

<input type="text" />
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
<p>Enable scroll</p>
&#13;
&#13;
&#13;