# **键盘控制** 设置开启键盘来控制Swiper切换。设为true时，能使用键盘的方向键控制slide切换。 ``` //开启了这个选项，现在键盘上的 可以控制Swiper keyboard: true, //等同于以下配置 /* keyboard: { enabled: true,// 开启后可以使用键盘切换 onlyInViewport: true, //true为在当前窗口,false为不在当前窗口 //默认仅控制当前窗口内的swiper切换。当swiper离开可视区域则无法切换。 //禁止后，即使swiper不在可视区域也能键盘控制切换 },*/ ``` ``` <script> window.onload = function(){ var swiper = new Swiper('.swiper-container'，{ //开启了这个选项，现在键盘上的 可以控制Swiper keyboard: true, //等同于以下配置 /* keyboard: { enabled: true,// 开启后可以使用键盘切换 onlyInViewport: true, //true为在当前窗口,false为不在当前窗口 //默认仅控制当前窗口内的swiper切换。当swiper离开可视区域则无法切换。 //禁止后，即使swiper不在可视区域也能键盘控制切换 },*/ //无缝轮播 loop:true, autoplay:true,//等同于以下设置 /*autoplay: { delay: 3000, //动画播放的间隔时间 stopOnLastSlide: false,//如果设置为true，当切换到最后一个slide时停止自动切换。（loop模式下无效） disableOnInteraction: true, /*用户操作swiper之后，是否禁止。默认为true：停止。如果设置为false， 用户操作swiper之后自动切换不会停止，每次都会重新启动autoplay。操作包括触碰，拖动， 点击pagination等。*/ },*/ //如果需要分页器 pagination: { el: '.swiper-pagination', }, //如果需要按钮 navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, // 如果需要滚动条 scrollbar: { el: '.swiper-scrollbar', }, }); } </script> ```