文本区域按键不起作用

Question

我的代码不起作用。每当用户在文本框元素内聚焦时按下某个键时，它就会发出警报！

$("#yourcode").keyup(function() {
        alert("I found Hogwarts.");
});

Answer 1

您需要等到 DOM 准备就绪后再添加 keyup 处理程序。这可以通过使用 $(( 获取对文档的 DOM 引用(即 $(document)(。还要确保在加载脚本之前加载 jQuery：

.JS：

<script
  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous"></script>

<script>
    $(document).ready(function(){
        $("#yourcode").keyup(function() {
                alert("I found Hogwarts.");
        });
    });
</script>

.HTML：

<textarea id="yourcode"></textarea>

这是一个工作示例(也可在此jsFiddle中找到(：

$(document).ready(function(){
  $("#yourcode").keyup(function() {
    alert("I found Hogwarts.");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="yourcode"></textarea>