Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/kotlin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将滑动检测添加到使用keydown的javascript脚本_Javascript_Media Player_Hammer.js - Fatal编程技术网

如何将滑动检测添加到使用keydown的javascript脚本

如何将滑动检测添加到使用keydown的javascript脚本,javascript,media-player,hammer.js,Javascript,Media Player,Hammer.js,我有一个使用mediaboxAdv1.3.4b.js显示图像的网站。按键事件用于在图像中移动,我想在移动设备上添加使用左/右滑动的功能。在MediaboxAdv代码中,相关部分似乎粘贴在下面。我想用类似hammer.js的东西编辑它来添加滑动事件应该很简单,但我的实验到目前为止都失败了 if (options.keyboard) document[fn]("keydown", keyDown); } function keyDown(event) { switch(ev

我有一个使用mediaboxAdv1.3.4b.js显示图像的网站。按键事件用于在图像中移动,我想在移动设备上添加使用左/右滑动的功能。在MediaboxAdv代码中,相关部分似乎粘贴在下面。我想用类似hammer.js的东西编辑它来添加滑动事件应该很简单,但我的实验到目前为止都失败了

    if (options.keyboard) document[fn]("keydown", keyDown);
}

function keyDown(event) {
        switch(event.code) {
            case 27:    // Esc
            case 88:    // 'x'
            case 67:    // 'c'
                close();
                break;
            case 37:    // Left arrow
            case 188:   // , <
            case 80:    // 'p'
                previous();
                break;
            case 39:    // Right arrow
            case 190:   // . >
            case 78:    // 'n'
                next();
        } 
    }
    if (options.stopKey) { return false; };
}

function previous() {
    return changeImage(prevImage);
}

function next() {
    return changeImage(nextImage);
if(options.keyboard)文档[fn](“keydown”,keydown);
}
功能键控(事件){
开关(事件代码){
案例27://Esc
案例88://“x”
案例67://“c”
close();
打破
案例37://左箭头
案例188://<
案例80://“p”
先前的();
打破
案例39://右箭头
案例190://.>
案例78://“n”
next();
} 
}
if(options.stopKey){return false;};
}
函数previous(){
返回changeImage(prevImage);
}
函数next(){
返回changeImage(下一页);

也许这会有帮助。非常感谢您的建议,但根据页面显示,这些触摸事件在firefox之外没有得到很好的支持-我必须承认我对如何使用它们有点迷茫。看起来像是一个很好的polyfill(找到)。我还找到了一个基于浏览器支持的连接触摸事件的要点