如何跟踪在 vanila javascript 选择的事件 jquery？

Question

我正在使用 jquery 选择的插件来为表单中的 select dom 元素设置样式。我在没有 jquery 的情况下在香草 javascript 中实现了我的过滤器的许多代码行。但是 javascript 无法跟踪当用户 select 通过 select 中的插件对数据进行样式化时挂在表单上的事件。我如何在 vanila js 中跟踪此事件？

JS跟踪事件

let filterFormArray = document.querySelectorAll('[data-filter*=filter]');
filterFormArray.forEach(function(elem) {
    elem.addEventListener('change', function(e) {
        filterAjax(filterSerialize(this), e);
    });
});

选择了JQ初始化

$(".filter-box select").chosen({
    disable_search_threshold: 100, 
    allow_single_deselect: true, 
    max_selected_options: 5
});

Answer 1

嗯，我是这样做的。

let getChosen = document.querySelectorAll('.chosen-results');
if (getChosen.length > 0) {
    getChosen.forEach(function(elem) {
        elem.addEventListener('click', function() {
            filterAjax(filterSerialize(this.closest('form')));
        });
    });
}

如何跟踪在 vanila javascript 选择的事件 jquery？

How to track an event jquery chosen at vanila javascript?

javascript

jquery

addeventlistener

jquery-chosen