如何使用JavaScript响应按键?

时间:2014-06-17 21:42:42

标签: javascript html keypress

对不起,如果这是一般性问题,但我应该用什么代码块来使javascript或html响应按键或按键事件?任何方式都可以,但我只想让我的网站更具互动性。谢谢!

并且不要说这是其他一些问题的副本。它不是。我不知道为什么有人会这么想,因为"原创"问题是问我怎么知道按键是否被按下"。我问我如何让我的网站回应按键。在下面的评论中,我一直在搜索这些内容,但这个网站的用途是什么?我没有计算机科学的博士学位,我只是提问,所以我可以更好地理解这些计算机语言,但每次我问一个问题,每个人都对我生气,因为某种程度上关于javascript的问题很像一个花哨的jquery命令。但回到主题我只是在寻找我的网站可以对关键新闻做出反应的方式。再一次,谢谢!

1 个答案:

答案 0 :(得分:1)

有很多方法可以做到这一点,大多数人都使用jQuery,但下面是原始JavaScript的示例。

您通常可以收听按键或按键。在大多数情况下,在释放密钥(密钥)之前,您不希望代码执行。

<!DOCTYPE html>
<html>
<head>
<script>
function makeUpperCase() {
    var x = document.getElementById("element-id");
    x.value = x.value.toUpperCase();
}
</script>
</head>
<body>

<p>When you enter a character in this field, it will be made uppercase on key up.</p>
Enter your name: <input type="text" id="element-id" onkeyup="makeUpperCase()">

</body>
</html>