Pointer Events Example

Using jQuery Pointer Events Polyfill (PEP.js)

HTML

<script src="https://code.jquery.com/pep/0.3.0/pep.js"></script>
<div id="pointerTarget"></div>
<p id="pressure">pressure: <span>0</span></p>
<p id="titlX">tiltX: <span>0</span></p>
<p id="tiltY">tiltY: <span>0</span></p>

CSS

#pointerTarget {
    width: 100%;
    height: 200px;
    background: lightgray;
}

JavaScript

(function ($){
    $('#pointerTarget').on('pointerdown', 
        function pointerHandler(event)
        {
            $('#pressure span').html(event.originalEvent.pressure);
            $('#tiltX span').html(event.originalEvent.tiltX);
            $('#tiltY span').html(JSON.stringify(event.originalEvent));
            console.log(event.originalEvent)
        }
    );
})(jQuery);