个人中心
gpt4 book ai didi

javascript - jQuery KeyUp() 问题

转载 作者：太空宇宙 更新时间：2023-11-03 20:57:15 24 4
gpt4 key购买 nike

一旦用户按下“a”，按钮颜色就会改变，然后一旦用户释放“a”按钮，它应该再次改变。按钮只有在按下字母“a”后才会改变颜色，松开时不会。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>website</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $(document).keyup(function(event) {
        if ( event.which == 97){
            $('.button0 input').css('color', 'rgb(0, 0, 255)');
        }
    });
    $(document).keypress(function(event) {
        if ( event.which == 97){
            $('.button0 input').css('color', 'rgb(128, 0, 0)');
        }
    });
});
</script>
<style type="text/css">
.button0 input{
    position:fixed;
    left:41px;
    top:12px;
    font-family:Arial;
    font-size:8px;
    font-weight:normal;
}
</style>
<body>
    <div class="button0">
        <input type="button" style="width: 303px;height: 165px;" value="Button"/>
    </div>
</body>
</html>

最佳答案

来自jQuery API page对于 .keypress():

Note that keydown and keyup provide a code indicating which key is pressed, while keypress indicates which character was entered. For example, a lowercase "a" will be reported as 65 by keydown and keyup, but as 97 by keypress. An uppercase "A" is reported as 65 by all events. Because of this distinction, when catching special keystrokes such as arrow keys, .keydown() or .keyup() is a better choice.

因此，您需要在 keyup 处理程序中将 event.which == 97 更改为 event.which == 65。

关于javascript - jQuery KeyUp() 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8964390/

24 4 0
文章推荐： Css capitalize 不会影响 http-post
文章推荐： opencv - 面部表情检测
文章推荐： opencv - 使用opencv提取更少的关键点
文章推荐： c# - 在上一个操作完成之前，第二个操作在此上下文中启动。接口(interface)上的异步方法
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com