Javascript 检测元素的更改并将其设置回以前的状态？

正在尝试检测正在正常工作的文本输入的更改

---

但是，当文本输入（

\u22\u input

）为空时，如何将

\u25\u img

src更改为其原始值？

您可以将

if

语句移动到事件处理程序中：

$(document).ready(function () {

    $("#u22_input").on("change keyup paste", function () {
        $('#u25_img').attr('src', '');
    })

    if ($("#u22_input").val()) {
        $('#u25_img').attr('src', 'images/shirtnew/u25.png');
    }

});

如果要在DOM就绪时执行处理程序，可以触发处理程序侦听的事件之一：

$(document).ready(function () {
    $("#u22_input").on("change keyup paste", function () {
        // Using a ternary operator instead of `if`
        // and trimming the value
        var src = $.trim(this.value).length > 0
                  ? 'images/shirtnew/u25.png'
                  : '';
        $('#u25_img').attr('src', src);
    });
});

---

将

if

语句移动到处理程序中。此问题已在CommentAssure中得到回答。。。或者只添加你的，我删除我的：）

$("#u22_input").on("change keyup paste", function () {
    var src = $.trim(this.value).length > 0 
              ? 'images/shirtnew/u25.png'
              : '';
    $('#u25_img').attr('src', src);
}).trigger('change'); // execute the handler immediately