Javascript 添加幻灯片上的按键

Javascript 添加幻灯片上的按键,javascript,slideshow,keypress,Javascript,Slideshow,Keypress,我目前使用的是来自 我试着用按键(左/右键)来浏览幻灯片 有什么建议吗 $('.ppt li:gt(0)').hide();$('.ppt li:last').addClass('last');$('.ppt li:first').addClass('first');$('#play').hide(); var cur = $('.ppt li:first');var interval; $('#fwd').click( function() {goFwd();showPause();retu

我目前使用的是来自

我试着用按键(左/右键)来浏览幻灯片

有什么建议吗

$('.ppt li:gt(0)').hide();$('.ppt li:last').addClass('last');$('.ppt li:first').addClass('first');$('#play').hide();
var cur = $('.ppt li:first');var interval;

$('#fwd').click( function() {goFwd();showPause();return false;} );
$('#back').click( function() {goBack();showPause();return false;} );
$('#stop').click( function() {stop();showPlay();return false;} );
$('#play').click( function() {start();showPause();return false;} );
function goFwd() {stop();forward();start();}
function goBack() {stop();back();start();}
function back() {cur.fadeOut( 1000 );if ( cur.attr('class') == 'first' )cur = $('.ppt li:last'); else cur = cur.prev(); cur.fadeIn( 1000 );}
function forward() { cur.fadeOut( 1000 ); if ( cur.attr('class') == 'last' ) cur = $('.ppt li:first'); else cur = cur.next(); cur.fadeIn( 1000 );}
function showPause() {$('#play').hide(); $('#stop').show(); } 
function showPlay() {$('#stop').hide();  $('#play').show(); }
function start() {interval = setInterval( "forward()", 3000 ); }
function stop() {clearInterval( interval );}
$(function() {start();} );

event.KeyCode适合您的需要


在myKeyUpHandler方法中检查并使用event.KeyCode。类似于alert(event.KeyCode)的东西应该会将您按下的键的unicode打印出来。获取左、右、上、下的Unicode,然后在case-switch语句中获取它们以调用forward()back()等

您必须将功能绑定到文档的keypress/keydown事件(取决于浏览器,请参阅),并检查按下了哪个键:

function checkKey(e){
  switch (e.keyCode) {
    case 37: //left arrow
      //back();
      break;
    case 39: //right arrow
      //next();
      break;      
  }
}

if ($.browser.mozilla) {
  $(document).keypress (checkKey);
} else {
  $(document).keydown (checkKey);
}

谢谢你们。很抱歉,因为我休息了一个星期,所以回复晚了。