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

Question

我很抱歉问这个问题，因为可能已经存在答案，只是对我来说还不够清楚。在 html texbox 控件上应用 jquery 更改事件的最佳方法是什么。

Answer 1

你是说textarea吗？像这样的东西：

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

Answer 2

你可以试试下面的示例代码。

<input type="text" class="common" />

<input type="text" class="common" />

<input type="text" class="common" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" ></script>

<script type="text/javascript">

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

</脚本>

Answer 3

在现代浏览器上，使用 oninput 事件：

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