事件改变Js

Question

我正在尝试显示警报当我的表的一行被修改但是esta不起作用。在这里我的代码。谢谢！

      $(document).ready(function(){
    $("#table").change(function(){
        alert("The text has been changed.");
    });
});

<table border="3" id='table' >
<thead>
<tr>Heading 1</tr>
<tr>Heading 2</tr>
</thead>
<tbody>
<tr>
<td contenteditable='true' id='bebe'>a</td>
<td contenteditable='true'>a</td>
</tr>
<tr>
<td contenteditable='true'>a</td>
<td contenteditable='true'>a</td>
</tr>
</tbody>
</table>

Answer 1

已更新 这是当你想要检查用户在键盘上按键时的时间

 $(document).ready(function(){ 
    var val1;
    var val;
        $("#table tbody tr td").on('keypress',function(){
                val = $(this).text();
            //alert(val);
        });
        $("#table tbody tr td").keyup(function(){
            val1 = $(this).text();
            if(val1!=val){
                    alert("text has changed");
            }
        });
    });

如果您只想在用户离开框时触发

$(document).ready(function(){ 
var val1;
var val;
    $("#table tbody tr td").on('focus',function(){
            val = $(this).text();
        //alert(val);
    });
    $("#table tbody tr td").focusout(function(){
        val1 = $(this).text();
        if(val1!=val){
                alert("text has changed");
        }
    });
});