使用键盘Javascript触发此操作
因此,我有一个很小的功能来滑动和隐藏页脚以及其中的其他元素。单击功能运行良好,但我没有得到键盘响应,我的问题是,有没有一种方法可以触发相同的功能,而不必同时使用。单击事件和键盘触发器重复它使用键盘Javascript触发此操作,javascript,jquery,triggers,keyboard,Javascript,Jquery,Triggers,Keyboard,因此,我有一个很小的功能来滑动和隐藏页脚以及其中的其他元素。单击功能运行良好,但我没有得到键盘响应,我的问题是,有没有一种方法可以触发相同的功能,而不必同时使用。单击事件和键盘触发器重复它 $(function () { $("#downmenu").click(function(){ $("#filo").slideToggle("fast"); $("#downmenu").css("display", "none");
$(function () {
$("#downmenu").click(function(){
$("#filo").slideToggle("fast");
$("#downmenu").css("display", "none");
$("#upmenu").css("display", "block");
});
$("#upmenu").click(function(){
$("#filo").slideToggle("fast");
$("#downmenu").css("display", "block");
$("#upmenu").css("display", "none");
});
if ((event.keyCode == 40)) {
$("#filo").slideToggle("fast");
$("#downmenu").css("display", "none");
$("#upmenu").css("display", "block");
} else if ((event.keyCode == 38)) {
$("#filo").slideToggle("fast");
$("#downmenu").css("display", "block");
$("#upmenu").css("display", "none");
}
});
非常感谢。这是一个类似的方法,我终于做到了。
function f1(){
$("#filo").slideToggle("fast");
$("#downmenu").css("display", "none");
$("#upmenu").css("display", "block");
}
function f2(){
$("#filo").slideToggle("fast");
$("#downmenu").css("display", "block");
$("#upmenu").css("display", "none");
}
$(function(){
$("#downmenu").click(function(){
f1();
});
$( "body" ).keypress(function( event ) {
if ( event.which == 40 ) {
f1();
}
});
$("#upmenu").click(function(){
f2();
});
$( "body" ).keypress(function( event ) {
if ( event.which == 38 ) {
f2();
}
});
}