我如何从文本框中检测到最后键入的单词

Question

I want to detect the last typed word from a textbox. For example if i type Test in the textbox for each keypress it should return the currently typed character.

Here is what i am trying

  $(".text").live("keyup",function(e)
  {
    var content=$('.text').val();
    var lastIndex = content.lastIndexOf("");
    var laststing = content.substring(0,lastIndex);
    alert(laststing);

});

Answer 1

$(".text").on("blur", function (e) {
    var content = $('.text').val();
    var lastIndex = content.lastIndexOf(" ");
    var laststing = content.substring(lastIndex);
    alert(laststing);

});

I think blur event is a better option

http://jsfiddle.net/3gkzC/

Answer 2

Use

$(".text").live("keyup", function (e) {
    var content = $('.text').val();
    var lastIndex = content.lastIndexOf(" "); //Find last index of space
    var laststing = content.substring(lastIndex); //Find rest of charcters
    alert(laststing);
});

OR , You can use .split()

$(".text").live("keyup", function (e) {
    alert($(this).val().split(' ').pop()); //Simplest                                        
});

Answer 3

use .on instead .live

.live //jquery 1.3+

.on //jquery 1.7+

    <script>
$(document).ready(function ()  {

 $(".text").on("keyup",function(e)
  {
    var content=$('.text').val();
    var lastIndex = content.lastIndexOf("");
    var laststing = content.substring(0,lastIndex);
    alert(laststing);

}); 
});

    </script>   

http://jsfiddle.net/J4UsX/1/

Answer 4

Try to use the function split() , like this :

$(".text").on("keyup",function(e) {
    var arrayString = $('.text').val().split(""); // Create an array with all characters
    var lastString = arrayString.pop(); // Get the last character
    alert(lastString);
});

Live demo

This code provides the last character and not last word.

---

Reference

• MDN split()
• MDN pop()