修改箭头键导航以支持移动滑动

时间:2015-09-26 01:56:17

标签: javascript jquery jquery-mobile

我目前使用下面的代码导航到下一页和上一页,允许用户使用左右按钮。如何整合代码以便在手机上滑动以进行导航?

    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;
        }
    }

0 个答案:

没有答案