JQuery keyup()没有触发

时间:2017-12-30 03:55:39

标签: jquery

我无法弄清楚为什么我的功能不会开火。有人可以帮忙吗?我是Jquery的新手,如果我错过了一些基本的东西,请原谅我。

编辑提供的代码

<script>
  $(document).ready(function(){
     $("#word").val("test 1");

     $("#text").keyup(function() {
        $("#word").val("test 2");
     });
  });
</script>
<textarea id="text"></textarea>
<br>
<p id="word"></p>

编辑: 自从我发布这个问题后,我已经进行了很多练习,因此我将对此进行编辑,使其尽可能清晰,并采取了哪些措施使其工作。

我是使用测试区域输入随机字符串,当在文本区域内找到字符串时,页面上的P标签将显示文本,如果找到的字符串是尖叫字,则找到脚本字。最后我设置了Jquery函数来读取keyup函数上的整个字符串,并使用Regex来搜索密码。如果人们仍然发现这个问题,并希望看到我是如何做到的,我将在代码中进行编辑

1 个答案:

答案 0 :(得分:2)

您只能使用.val()设置值来输入标签。要将值插入div或p等标记,您需要使用.html()。以下是适合我的。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $("#text").keyup(function() {
      $("#word").val("You found a secret word"); //change to .html() for div or p tags
    });
  });
</script>
</head>
<body>

Enter something: <input type="text" id="text">

<input type="text" id="word"/>

</body>
</html>

在这里查看工作示例 https://jsfiddle.net/n9k4v4tc/6/