console
const div = document.getElementsByTagName("div")[0]
function show(event) {
if(!isNaN(event.pressure)){
div.innerHTML=event.pressure
}
event.preventDefault();
event.returnValue = false;
return false;
}
function add(name, cb){
div.addEventListener(name, cb, false);
}
const pntev = [
"pointerover", "pointerenter",
"pointerdown", "pointermove",
"pointerup", "pointercancel",
"pointerout", "pointerleave",
"contextmenu", "select",
"dragstart", "scroll"
]
for (let s of pntev) {
add(s, show)
}
<div>0</div>
body, html, div{
height: 100%;
width: 100%;
padding: 0;
margin: 0;
background-color:#ababab;
user-select: none;
text-align: center;
vertical-align: middle;
}