Textarea按键不起作用

Question

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

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

Answer 1

在添加 keyup 处理程序之前，您需要等待DOM准备就绪。这可以通过在使用.ready()获取对文档（即$(document)）的DOM引用后调用$()来实现。还要确保在加载脚本之前加载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>

以下是一个工作示例（也可在this jsFiddle中找到）：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;