사용자가 모든 이벤트를 식별 할 수있는 방법

Question

매우 다양한 장치로 유니버설 리스너를 만드는 것이 유용 할 것이라고 생각한 많은 다른 것들을 수행했습니다. This 내 간단한 시도, 물론, 작동하지 않을 수 있습니다. 그러나 그것은 단지 실제 해결책을 오는에 사람을 자극 할 수있다 : - 또는

$("#allEvents").on("*", function(evnt) { 
    console.log(evnt.type); 
}); 

<div id="allEvents"> 
    this is some text inside div allEvents 
</div> 

, 그들의 장치에서 어떤 일을 할 때 해고 어떤 이벤트 사용자를 알 수 있습니다 거기에 뭔가가있다?

Answer 1

가장 가까운 브라우저는 브라우저에서 지원하는 모든 이벤트를 가져 와서 배열에 넣은 다음 바인딩하여 event.type을 확인하십시오. 이를 위해 을 사용하여 document의 키를 얻은 다음 필터를 제거하여 이벤트 만 포함시키고 "on"접두어를 제거합니다.

이제 우리는 Array.join(" ")과 결합 할 수있는 "on"접두사가없는 브라우저에서 지원되는 이벤트 배열을 얻었습니다. 그런 다음 e을 사용하여 이벤트 유형을 검사 할 수 있습니다.

var arr = Object.keys(document).filter(function(x) { 
    return x.indexOf("on") == 0 
}).map(function(x) { 
    return x.replace("on", ""); 
}); 
$('#allEvents').on(arr.join(" "), function(e) { 
    console.log(e.type); 
}); 

의