How to change the pages of a mobile site by dragging your finger on the touch screen to the right or left using javascript

Question

I wonder how I can use javascript to perform the page change on the mobile touch screen, so that dragging left go to previous page and right to next page.

Currently I have this code below that uses the arrow keys of the keyboard, I wonder how I can complement this code with this additional function.

<script type="text/javascript">

document.onkeydown = arrowChecker;

function arrowChecker(e) {  
    e = e || window.event;
    if (e.keyCode == "37") { //left
        document.location.href = "/'.$UrlArray1.'/'.$UrlArray2.'/?leitor=fullpg10&paginainicial='.($inicioA).'&paginafinal='.($fimA).'&#iniciopg";
    }
    else if (e.keyCode == "39") { //right
       document.location.href = "/'.$UrlArray1.'/'.$UrlArray2.'/?leitor=fullpg10&paginainicial='.($fim+1).'&paginafinal='.($fim+10).'&#iniciopg";
    }
}
 </script>