<style>
a[href] {
  font-size: 20pt;
}
.disable-force-click {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
</style>

<p>
  <a href="http://google.co.jp" class="disable-force-click">jump to google</a>
</p>

<script src="<module-dir>/lib/WebModule.js"></script>
<script src="<module-dir>/lib/WebGLDetector.js"></script>
<script src="<module-dir>/lib/UserAgent.js"></script>
<script src="<module-dir>/lib/SpecCatalog.js"></script>
<script src="<module-dir>/lib/Spec.js"></script>
<script src="<module-dir>/lib/ForceClick.js"></script>
<script>

var debug = true;
var ua    = new UserAgent();
var spec  = new Spec(ua);
var forceClick = null;

if (!debug) {
    // pretty code
    if (spec.FORCE_CLICK) {
        new ForceClick().disable();
    }
} else {
    if (spec.FORCE_CLICK) {
        ForceClick.VERBOSE = true;

        forceClick = new ForceClick(function(event,   // @arg Event - Event Object
                                             href,    // @arg URLString - href value
                                             force) { // @arg Number - force touch value. 0.0 - 1.0
            if (force <= 0.4) {
                document.body.style.cssText = "background-color: blue";
            } else {
                document.body.style.cssText = "background-color: yellow";
            }
            // reset bg-color
            setTimeout(function() {
                document.body.style.cssText = "background-color: white";
            }, 500);
        });

        forceClick.disable();
    }
}

</script>