Javascript 如何通过按键盘键S更改div？

我有两个div

<div class="summary">Summary</div>

<div class="summary-cont"><p>Content...</p></div>

摘要
内容

div“summary cont”被隐藏，显示：无

我想这样做：我按下键盘按钮“S”，然后div“summary”隐藏并显示div“summary cont”

有人知道如何使用javascript实现这一点吗

以下是工作代码：

<script>
$(document).keyup(function(e) {
  if (e.keyCode == 83) { $('.summary').hide(); }     // S
  if (e.keyCode == 83) { $('.summary-cont').show(); }   // S
});
</script>

$（文档）.keyup（函数（e）{
如果（e.keyCode==83）{$（'.summary'）.hide（）；}//S
如果（e.keyCode==83）{$（'.summary cont'）.show（）；}//S
});

这将适用于

S

或

S

字符

使用

Javascript

document.onkeydown = function(e) { // or document.onkeypress
    e = e || window.event;
    if (e.keyCode == 115 || e.keyCode == 83) {
        alert("do something");
    }
};

使用

jQuery

库。如果您有任何

输入

框

$('input').bind('keypress', function(e) {
    var code = (e.keyCode ? e.keyCode : e.which);
    if(code == 115 || code == 83) { //Keycode for alphabets S(83) & s(115)
       //Do something (show your div)
    }
});

对于不带

输入

框的解决方案，您可以尝试此选项

$(document).bind('keypress', function(e) {
    var code = (e.keyCode ? e.keyCode : e.which);
    if(code == 115 || code == 83) { //Keycode for alphabets S(83) & s(115)
       //Do something (show your div)
    }
});

---

在谷歌上快速搜索js keypress事件会给你答案，你能发布请贴吗？我们可以看一看，看看应该做些什么改变才能让它发挥作用。@FrançoisWahl从问题的措辞来看，这个人尝试过任何东西都是值得怀疑的。@JeffShaver，这是讽刺；）这个问题对我来说似乎没问题。看到OP用JavaScript而不是jQuery标记的问题，你也应该提供一个JavaScript解决方案，同时还要提到你目前提供的代码是一个jQuery特定的解决方案。你搞错了：）他不想在任何地方输入“s”字母，只想按键盘按钮“s”。唉。。。这个人从来没有说过关于使用jQuery的任何事情。这是使用jQuery库的Javascript，他指出——这是一个很好的答案——比这个问题应该得到的还要多。