我有两个div
<div class="summary">Summary</div>
<div class="summary-cont"><p>Content...</p></div>
隐藏div“summary-cont”,显示:无;
我想像这样工作:我按下键盘按钮“S”然后div“摘要”隐藏并显示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>
答案 0 :(得分:7)
这适用于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
框。
$('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)
}
});
对于没有input
框的解决方案,您可以试试这个。
$(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)
}
});