javascript - 如何使用 jquery 从文本框中获取数据和触发函数？

Question

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

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

这工作正常，但我想不使用 onkey 属性而只使用 jquery

Answer 1

使用keyup jQuery 事件：

HTML

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

Javascript

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

Answer 2

检查 JS 小提琴

http://jsfiddle.net/juGyc/

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

Answer 3

试试这个

$(document).ready(function(){

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

});

希望它会有所帮助

Answer 4

你能看看这个演示吗

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

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

Answer 5

这适用于更改或模糊

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

模糊事件

Answer 6

您可以使用 jQuery 的.bind()方法来执行此操作。查看jsFiddle。

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

或者

您还可以使用 jquery 绑定事件.On()-

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

试试这个

或者

还绑定.change()事件-

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