Javascript 如何捕获输入类型为'；文本'；是否在不刷新窗口的情况下更改值？

每当我从下拉列表中选择任何值时，页面都会刷新（我不希望单击窗口元素）。

当从下拉列表中选择元素时，第一个TS文件动态插入输入字段值

private inputboxTrayselectionString: string = "*[data-type='tag']";       
base.$inputbox = base.$rootElement.find(base.inputboxTrayselectionString).eq(0);
base.$inputbox.val(dataArr.toString()).change();

$(window).click(function(e) {
   console.log('window clicked'); 
   base.$optionTray.hide();
});

=>捕获事件的第二个TS文件

this.filterElByTagnew = $(this.rootElementSelectionString + ' input[data-type="tag"]');   
this.filterElByTagnew.on('change', function (e) { self.cummulativeOnChangeHandler();}); 

显示下拉列表的HTML

<div class="eG2Col blog-inline-form">
   <label>Filter:</label>
   <div class="js-multiselectDropdown">
      <div style="background-color: white">
         <div class="action-btn " data-action="colex">    <span>Choose Tag</span></div>
         <input type="text" data-type="tag" >
         <div class="eG2Col list-show" data-action="option-tray">
            <ul></ul>
         </div>
         <div data-action="checkbox-tray" class="hidden">
            <input type="checkbox" value="5G" />5G</br>
            <input type="checkbox" value="Connectivity"  />Connectivity</br>
            <input type="checkbox" value="Digital transformation" />Digital transformation</br>
            <input type="checkbox" value="Radio system"  />Radio system</br>
            <input type="checkbox" value="Mobile"  />Mobile</br>
         </div>
      </div>
    </div>
 </div>

过滤器：
选择标签

5G

连通性

数字转型

无线电系统

流动的

单击下拉列表与之交互是有意义的。通过一种称为“事件冒泡”的机制，此单击被视为对窗口的单击，因为窗口是下拉列表的祖先

处理下拉列表中的

事件，并调用以防止祖先上的事件处理程序运行