更清晰的jquery文本框更改事件

Question

我很抱歉問這個問題，因爲有可能已經存在的答案只是對我不夠清楚。在html texbox控件上應用jQuery更改事件的最佳方式是什麼？

Answer 1

你可以試試下面的示例代碼。

< INPUT TYPE = 「文本」 類= 「常見」/ >

< INPUT TYPE = 「文本」 類= 「常見」/ >

< INPUT TYPE = 「文本」 類=」常見的」/>

< SCRIPT SRC = 「http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js」 > < /腳本>

<腳本類型= 「文/ JavaScript的」 >

$(document).ready(function() { 
    $("input.common[type='text']").change(function() { 
     var value = this.value; 
     alert(value); 
    }); 
}); 

< /腳本>

Answer 2

你的意思是textarea？類似這樣的：

$('textarea').on('keydown', function() { 
    //Do stuff 
    console.log('Do something smart here!'); 
}); 

Answer 3

在現代瀏覽器中，使用oninput事件：

$('textarea').on('input',function(event){ 
    alert(this.value); 
});