Добрый день. Кто подскажет как сделать закрытие выпадашки при клике

Question

Svelte [svelt] - All about Svelte JavaScript framework.

Добрый день. Кто подскажет как сделать закрытие выпадашки при клике

на другие слова?

дело в том, что там будут какие то действия которые будут внутри создавать и диспатчить объект... потому этот попап не стал выносить в родительский компонент.

думал сделать через on:click на body - но слов несколько тысяч и конечно они все ловят события.

через script:module тоже не придумал как это обработать...

https://svelte.dev/repl/505bf520ad4a47109149925ebb0c734a?version=3.25.0

#programming #russian #svelte

0

13.09.2020

3 ответов

21 просмотр

Max Yurasov Автор вопроса

можно было создать их все сразу и показывать просто через css hover - но это еще несколько тысячь дивов + к словам... решил тоже убрать

0

13.09.2020

Alexander Ponomarev

это делается через реализацию аутсайд клика, примеров реализации тысячи. После открытия попапа на документ вешается клик хэндлер типа const handler = (e) => { if (popup.contains(e.target)) return; closePopup(); document.removeEventListener('click', handler); } document.addEventListener('click', handler); На реалии свелта можешь перевести сам, используя <svelte:window> или что-то еще

0

13.09.2020

Viktor Koshelev · Accepted Answer

Viktor Koshelev

https://ru.svelte.dev/tutorial/sharing-code

0

13.09.2020

169 похожих чатов

Добрый день. Кто подскажет как сделать закрытие выпадашки при клике

3 ответов

Похожие вопросы