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

Question

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

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

这是工作正常，但我想这样做，而无需使用安其属性和唯一的jQuery

Answer 1

试试这个

$(document).ready(function(){ 

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

}); 

希望这将有助于

Answer 2

使用keyup jQuery的事件：

HTML

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

的Javascript

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

Answer 3

检查JS小提琴

http://jsfiddle.net/juGyc/

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

Answer 4

可以请你检查这个演示Demo

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

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

Answer 5

这将为工作在更改或模糊

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

blur Event

Answer 6

为此，您可以使用jQuery的.bind()方法。检查出jsFiddle。

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

OR

您也可以绑定使用jQuery .On()事件 -

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

Try This

OR

也结合了.change()事件 -

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