javascript - Modify Arrow Key Navigation to support Mobile Swipe -

i use code below navigate next , previous pages allowing user use left , right buttons. how integrate code swiping on mobile phone navigation?

    var browser = navigator.appname;     if (browser == "microsoft internet explorer") {         document.onkeydown=keydownie;     } else {         document.onkeydown=keydown;     }     function keydownie(e) {         if (!e) var e = window.event;         if (e.keycode) {             keycode = e.keycode;             if ((keycode == 39) || (keycode == 37)) {                 window.event.keycode = 0;             }         } else {             keycode = e.which;         }         if (keycode == 37) {             img = document.queryselector("img[src='http://www.example.com/arrowleft.jpg'],img[src='http://www.example.com/images/left.png']");             window.location = img.parentelement.href;             return false;         } else if (keycode == 39) {             img = document.queryselector("img[src='http://www.example.com/arrowright.jpg'],img[src='http://www.example.com/images/right.png']");             window.location = img.parentelement.href;             return false;         }     }     function keydown(e) {         if (e.which) {             keycode = e.which;         } else {             keycode = e.keycode;         }         if (keycode == 37) {             img = document.queryselector("img[src='http://www.example.com/arrowleft.jpg'],img[src='http://www.example.com/images/left.png']");             window.location = img.parentelement.href;             return false;         } else if (keycode == 39) {             img = document.queryselector("img[src='http://www.example.com/arrowright.jpg'],img[src='http://www.example.com/images/right.png']");             window.location = img.parentelement.href;             return false;         }     }