javascript - 如果输入未更改，JS 会阻止触发 focusout 事件

Question

我有以下输入:

<input name="video" value="" type="text">

并附加js事件:

input.focusout(function(){
        loadThumbnail();
    });

问题是当焦点离开视野时它总是触发。实际上这是很好的行为，但不符合我的需求，因为如果用户没有更改字段，则会触发事件并向服务器发出请求。

我尝试用 change 事件替换它，但当用户清理字段时它不会触发。

所以我需要的是在用户完成编辑字段后触发的事件，并检测用户清理字段或将焦点移至/移出字段的情况，但不更改任何内容。

您能提出一个解决方案吗？

Answer 1

尝试这样的操作来保存旧值并将其与新值进行比较:

var oldVal = ''
input.focusout(function () {
    var newVal = input.val();
    if (oldVal != newVal) {
        oldVal = newVal;
        loadThumbnail();
    }
});