Javascript 显示Select If Expand Then Closed的错误消息，但未在JQuery中进行选择

我有一个select，当用户展开select并关闭它而不进行选择时，我正在显示一条错误消息，但我不知道如何执行此操作

如果val与如下所示的默认值匹配，则将其设置为on.change

选择选项时使用JQuery

我试过以下方法

$('#orderPosition').on('click', function () {    
        // var isDirty = !this.options[this.selectedIndex].defaultSelected;
        var changed = $(this).val() != $(this).data('orderPositionDefault');
        alert(changed ? 'changed' : 'not changed');

        if (changed) {
            $('#orderErrorMessage').show();
        } else {
            $('#orderErrorMessage').hide(); 
        }
    });

但是上面的问题是，只要我单击选择，就会显示错误消息，我需要显示该消息。如果用户在其中单击并立即关闭它，而不进行选择。

当焦点离开输入字段时，使用模糊事件执行代码

$('select').on('change', function() {
    //change things here 
}).on('blur', function() {
    //when select is no longer in focus here
});

文件：

---

这适用于一次选择，但如果我在第二次选择中添加相同的代码，它就不会像我在模糊中添加和警告时那样工作，而且只要我单击第一个下拉列表，警告就不会消失，似乎卡在一个循环中，所以当我在下一次选择中添加相同的代码时，它根本不关心它。在上面有什么帮助吗？我真的不明白这个问题。你能用js小提琴或代码笔重现这个问题吗？

$('select').on('change', function() {
    //change things here 
}).on('blur', function() {
    //when select is no longer in focus here
});