使用选择器更改值时,onchange Jquery无法正常工作

时间:2016-04-21 17:05:58

标签: javascript jquery

我试图像onchange一样使用但没有结果。

我一直在寻找,但我找不到。

HTML

<input type="text" id="myInput" />

<div id="button"></div>

JS

<script>
    $("#button").on('click', function()
    {
        $("#myInput").val("new value");
    });

    $("#myInput").on('change keyup paste blur oncut propertychange', function()
    {
        //my code
    });
</script>

我无法找到一个事件,其中JQ动作被识别为我的输入中的变化......

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

您是否将这些js代码部分放入$(document).ready(function(){ }); 我认为因为网页加载完毕后没有加载这些js。

&#13;
&#13;
$(document).ready(function(){
    $("#button").on('click', function()
    {
        $("#myInput").val("new value");
    });

    $("#myInput").on('change keyup paste blur oncut propertychange', function()
    {
        console.log('event detected');
    });
});
&#13;
<html>
    <title>Title</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script src="app.js"></script>
    </head>
<body>
<input type="text" id="myInput" />
<div id="button"></div>
</body>
</html>
&#13;
&#13;
&#13;

相关问题