Jquery 如何组合此文档按键和按钮单击事件

Jquery 如何组合此文档按键和按钮单击事件,jquery,onclick,keypress,Jquery,Onclick,Keypress,我可以找到很多组合按键和点击事件。虽然我找不到一个结合了文档上的按键和链接上的点击事件的 如何缩短此代码?请记住,我不想在整个文档中添加一个click事件,而是希望避免重复代码 我的代码是这样的,如果你按下键盘上的“S”键,就会出现全屏,或者你可以按下搜索按钮。两者都将执行相同的功能 $(文档).ready(函数(){ $(文档).keydown(函数(searchstock){ 如果(searchstock.which==83){ $(“#标题栏”).toggleClass('display

我可以找到很多组合按键和点击事件。虽然我找不到一个结合了文档上的按键和链接上的点击事件的

如何缩短此代码?请记住,我不想在整个文档中添加一个click事件,而是希望避免重复代码

我的代码是这样的,如果你按下键盘上的“S”键,就会出现全屏,或者你可以按下搜索按钮。两者都将执行相同的功能

$(文档).ready(函数(){
$(文档).keydown(函数(searchstock){
如果(searchstock.which==83){
$(“#标题栏”).toggleClass('displaysearch');
设置超时(
函数()
{
$('#ccstocknum')。选择();
}, 75);
}
});
$(#searchbtn a”)。在(“单击”,函数()上{
$(“#标题栏”).toggleClass('displaysearch');
设置超时(
函数()
{
$('#ccstocknum')。选择();
}, 75);
});
});
#标题栏{
显示:无;
浮动:左;
位置:绝对位置;
顶部:0px;
宽度:100%;
身高:100%;
背景:黑色;
颜色:#fff;
文本对齐:居中;
}
#header-bar.displaysearch{display:block;}
#标题栏h1{
宽度:100%;
文本对齐:居中;
}
p、 strong{font-weight:bold!重要;}
#searchbtn{float:左;宽度:100%;}
#searchbtn a{填充:10px;背景:灰色;颜色:#fff;}

按键盘上的S键可获得全屏图像

或者,您也可以按以下链接

全屏
将代码放入函数中并调用它

$(文档).ready(函数(){
$(文档).按键(功能(搜索股票){
if(searchstock.which==83115){
searchstock();
}
});
$(#searchbtn a”)。在(“单击”,函数()上{
searchstock();
});
});
函数searchstock(){
$(“#标题栏”).toggleClass('displaysearch');
设置超时(
函数()
{
$('#ccstocknum')。选择();
}, 75);
}
#标题栏{
显示:无;
浮动:左;
位置:绝对位置;
顶部:0px;
宽度:100%;
身高:100%;
背景:黑色;
颜色:#fff;
文本对齐:居中;
}
#header-bar.displaysearch{display:block;}
#标题栏h1{
宽度:100%;
文本对齐:居中;
}
p、 strong{font-weight:bold!重要;}
#searchbtn{float:左;宽度:100%;}
#searchbtn a{填充:10px;背景:灰色;颜色:#fff;}

按键盘上的S键可获得全屏图像

或者,您也可以按以下链接

全屏
如果(searchstock.which==83115)
没有做你可能认为的事情does@charlietfl是的,我注意到这会打断实际按下的键。我删除了115,现在只使用83,并用keydown替换了keypress,因为“s”键在chrome中不起作用。谢谢你的邀请:-)@Ram_Segev非常感谢你。这正是我所需要的,并为将事件绑定到body标签的备选方案欢呼。函数方法非常有效。这将非常有用,因为我的代码对于这两个绑定都变得更大。jQuery
bind()
isdeprecated@charlietfl谢谢你的评论,我已经更新了我的答案