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

How to fetch data and Trigger function from textbox using jquery?

本文关键字：数据 获取 触发器 函数 何使用 jquery 文本      更新时间：2023-09-26
<input id = "textboxid" type="text" onkeyup="invoke();" />
<script>
function invoke() {
var enteredData = $('#textboxid').val();
alert(enteredData);
}
</script>

这工作正常，但我想在不使用 onkey 属性的情况下做到这一点，只有 jquery

试试这个

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

希望会有所帮助

使用 keyup jQuery 事件：

.HTML 

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

爪哇语

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

检查 JS 小提琴

http://jsfiddle.net/juGyc/

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

你能看看这个演示演示吗

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

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

这将适用于更改或模糊 

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

模糊事件

你可以

使用 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());  
     }); 
  });
相关文章：