Question

我尝试在输入文本中检测实时更改的文本。我试图这样做：

此代码适用于JQuery包含版本。

<script src="http://code.jquery.com/jquery-1.9.0.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.0.0.js"></script>

此代码适用于表单。就像你会看到的，一个带有2个输入文本（id和密码）和一个按钮的简单表单。

<form method='post'>
    <input type="text" name="id" id="id" placeholder="mail adress" />
    <input type="text" name="pass" id="pass" placeholder="password" />
    <input type="submit" name="login" id="login" value="login" />            
</form>

最后看起来不起作用的JQuery代码。我将它放在<body></body>中，其中也包含我的表格。

<script type='text/javascript'>
    $('#id').on('input', function () {
        alert('text changed');
    });
</script>

这个简短的代码似乎不起作用。我跟着precedent question asked in this site，但这个解决方案对我没有帮助。

最奇怪的是，当我将这段代码粘贴到一个片段中时它会起作用，但是我的PC中没有一个简单的html文件。所以我认为问题来自我的jquery包括，可能..

是的，有人点亮我的灯笼吗？

Answer 1

感谢Arun P Johny，解决方案是将我的处理程序直接放入准备状态。解决方案如下：

<script type='text/javascript'>
    $(document).ready(function() {
        $('#id').on('input', function () {
            alert('text changed');
        });
    });         
</script>

关于文本更改的JQuery事件

1 个答案: