<div class="btn"></div>
  .btn{
    width: 200px;
    height: 200px;
    background-color: #ccc;
  }
  .btn.force{
    background-color: tomato;
  }
  $(function(){
    $('body').on('touchmove', function(e){

      var force = e.originalEvent.touches[0].force;
      console.log(force);
      if(force == 1){
      $('.btn').addClass('force');
      }
    });
  });

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://code.jquery.com/jquery-3.1.1.js