Как игнорировать клик по элементу без помощи css-свойства 'pointer-events'?

Question

[Александр]

Допустим, есть элемент формы 'select'. Над ним абсолютно позиционирован элемент кнопки. Можно ли с помощью JavaScript сделать так, чтобы клик по кнопке воспринимался бы браузером как клик по самому 'select' (чтобы открывался или закрывался список опций)?

Comments

[Дмитрий Беляев]

а чем pointer-events не угодил? судя по описанию он здесь лучше всего подходит

[Богдан Ерольский]

Если я правильно понял вопрос:

На кнопку:

$('.select_show').click(function({
showDropdown($('.select')[0]);
});

Функция, которая вызовет открытие select:

showDropdown = function (element) {
    var event;
    event = document.createEvent('MouseEvents');
    event.initMouseEvent('mousedown', true, true, window);
    element.dispatchEvent(event);
};

Answer 1

[xenonhammer]

есть вариант с событиями
elem.addEventListener("click",()=>{select.click();}