用于查找文本框中的文本值的Javascript

Question

我在cakephp-3.0应用程序中有一个编辑页面，文本框中的值是从数据库加载的。

如果任何文本框中的值从当前值发生更改，我希望引发一个事件并显示一个alert。例如，假设该值为"abc"。如果更改为"abcde"，则应显示alert。值仍为"abc"时，alert将不会显示。

目前我正在使用它，但是它将调用我在文本框上单击的函数：

<input size="10" type="text" value="13-12-1899" onchange="checkChange()" style="border:1px solid #fff;">

Answer 1

如果您希望在发生更改时捕获更改，而不是在输入失去焦点时捕获更改，请尝试执行以下操作：

​

$("#checkme").on("input", function(){
  var myVal = $(this).val();
  console.log("changed to "+myVal+"!");
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" value="abc" id="checkme"  >

​

Answer 2

HTML

<input size="10" type="text" value="13-12-1899" onchange="checkChange()" style="border:1px solid #fff;">

Javascript

<script type="text/javascript">
    function checkChange(e){
        var oldVal = e.getAttribute('value');
        var nwVal = e.value;
        if(oldVal!=nwVal)
            alert("the value \""+oldVal+"\" have been changed to \""+nwVal+"\"");
    }
</script>