Javascript 如何使用jquery从文本框中获取数据和触发函数？ 函数调用（）{ var enteredData=$（'#textboxid'）.val（）； 警报（输入数据）； }

这工作正常，但我想在不使用onkey属性的情况下执行此操作，并且只有jquery使用jquery事件：

HTML

<input id = "textboxid" type="text" onkeyup="invoke();" />

<script>
function invoke() {
var enteredData = $('#textboxid').val();
alert(enteredData);
}
</script>

检查JS小提琴

试试这个

$(function() {
  $("#textboxid").on("keyup", function() {
    alert($(this).val());
  });
});

---

希望对您有所帮助

您能检查一下这个演示吗

---

：将事件处理程序绑定到“keyup”JavaScript事件，或在元素上触发该事件。

这将适用于更改或模糊

$(document).ready(function(){
  $("#textboxid").keyup(function() {
    alert($(this).val());
  });
});

---

您可以使用jQuery的

.bind（）

方法执行此操作。看看这本书

或

您还可以使用jquery

.On（）

-

或

还要绑定

.change（）

事件-

$(document).ready(function(){
    $("#textboxid").on("change paste keyup", function() {
       alert($(this).val()); 
    });
});

$(document).ready(function(){

  $("#textboxid").keyup(function() {
    alert($(this).val());
  });

});

$(document).ready(function(){
  $("#textboxid").keyup(function() {
    alert($(this).val());
  });
});

     $("#textboxid").change(function(){
      alert($(this).val());
    });

$(document).ready(function(){
    $("#myTextBox").bind("change paste keyup", function() {
    alert($(this).val()); 
  });
});

$(document).ready(function(){
    $("#textboxid").on("change paste keyup", function() {
       alert($(this).val()); 
    });
});

  $(document).ready(function(){
     $("#textboxid").change(function() { 
      alert($(this).val());  
     }); 
  });