# **鍵盤控制** 設置開啟鍵盤來控制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> ```