Question

我想在点击按钮后更改输入值，结果提醒'Ok Done'但不起作用。值可能是数字和字母。

$("#myTextBox").bind("change paste keyup", function() {
    alert('Ok Done');
});

$('button').on('click', function() {
    //alert('ok');
    $("#myTextBox").val(
        function(i, val) {
            return val * 1 + 1
        }
    );
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="myTextBox" type="text" value="1"/>
<button> Click me and chenge input value </button>

https://jsfiddle.net/aLrLq2gt/

Answer 1

.val()不会触发change事件，您需要致电.change()或.keyup()来触发事件

＆＃13;

$("#myTextBox").bind("change paste keyup", function() {
        alert('Ok Done');
    });

    $('button').on('click', function() {
        //alert('ok');
        $("#myTextBox").val(
            function(i, val) {
                return val * 1 + 1
            }
        ).change();
    })

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="myTextBox" type="text" value="1"/>


<button>
Click me and chenge input value
</button>

＆＃13;

Answer 2

使用.on("input", function()或.bind("input", function() {这将包括所有输入格式，包括粘贴，加密，按键，更改。

Answer 3

$("#myTextBox").bind("change paste keyup", function() {
        alert('Ok Done');
    });

工作得很好。只需在输入中引入更改事件。以下是适合您的工作人员：http://plnkr.co/edit/stmVc2xZnyg6fGLc8qcc?p=preview

和工作小提琴： https://jsfiddle.net/rumba_alex47/pvfewas1/

在任何情况下检测值的变化，jQuery

3 个答案: