2

我正在尝试以下代码。应该在按下键sh时将输入的属性更改为1 shift，并在释放时恢复为0

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $(document).on("keyup","body",function(e) {
   if (e.which == 16) {
     $("input").attr("sh","0");
   }
 });

$(document).on("keydown","body",function(e) {
  if (e.which == 16) {
     $("input").attr("sh","1");
   }
 });
});
</script>
</head>
<body>
<input type = 'text' sh = '0'/>
<p>Just checking</p>
</body>
</html>

它工作正常，除非执行此事件序列。在输入未聚焦时按 shift 键。（Firebug 显示sh为 1，正如预期的那样）。现在仍然按下键，专注于输入。现在右键单击输入。弹出上下文菜单。现在，如果您释放该shift键（让上下文菜单保留），Firebug 显示它sh仍然是 1。您在上下文菜单外部单击以使其运行，或者甚至单击将paste剪贴板文本粘贴到输入中的选项，仍然sh保持 1。如果您再次按下并释放shift，才再次sh变为0。

知道如何解决这个问题吗？

4

1 回答 1

0

以下内容对您有帮助吗？我不确定我是否正确模拟了您的场景，但似乎对我有用。我在 Chrome 中进行了测试。

$(文档).ready(函数 () {

$(document).keyup(function (e) {
    if (e.which == 16) {
        $("input").attr("sh", "0");
        console.log($("input").attr("sh"));
    }
});

$(document).keydown(function (e) {
    if (e.which == 16) {
        $("input").attr("sh", "1");
        console.log($("input").attr("sh"));
    }
});

//Works... (holding shift will raise keydown as much as I hold the key...)
//$(document).keyup(function (e) {
//    if (e.keyCode == 16) {
//        console.log("Shift was released...");
//    }
//});

//$(document).keydown(function (e) {
//    if (e.keyCode == 16) {
//        console.log("Shift was pressed down...");
//    }
//});

});

于 2014-07-24T14:33:54.377 回答