Телеграмм чат группы sveltejs страница 8684

Size: a a a

Svelte [svelt] - All about Svelte JavaScript framework.

2021 November 16

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.

во враппере

  const onClick = (event) => {
    if (e.target !== e.currentTarget) return;
    console.log("wrapped click");
  }

источник

14:25пожаловаться #1

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.

ну или более сложное условие например взять реф на кнопку и проверять

if (button.contains(e.target)) return;

источник

14:26пожаловаться #2

Bruian Blake in Svelte [svelt] - All about Svelte JavaScript framework.

Так пробовал? on:click|stopPropagation={onClick}

источник

14:34пожаловаться #3

Eugene Korobkov in Svelte [svelt] - All about Svelte JavaScript framework.

почитай про capture event и делай stopPropagation

источник

14:39пожаловаться #4

Eugene Korobkov in Svelte [svelt] - All about Svelte JavaScript framework.

т.е на wrapper надо повесить capture event и вызвать event.stopPropagation, тогда дальше (внутрь) евент не пойдет

источник

14:41пожаловаться #5

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.

задача описана настолько расплывчато что можно решить десять разных)

источник

14:41пожаловаться #6

Eugene Korobkov in Svelte [svelt] - All about Svelte JavaScript framework.

Короче, если я правильно понял задачу, то надо так сделать

источник

14:44пожаловаться #7

Bruian Blake in Svelte [svelt] - All about Svelte JavaScript framework.

Не обязательно, вроде capture срабатывает и так по умолчанию. Сперва проходит фаза спуска, и потом подъём. Но могу ошибаться.

источник

14:55пожаловаться #8

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.

capture по умолчанию false

источник

14:56пожаловаться #9

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.

фаза спуска конечно проходит

источник

14:56пожаловаться #10

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.

но эвенты не на нее вешаются

источник

14:56пожаловаться #11

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.

по умолчанию эвенты вешаются на подьем

источник

14:56пожаловаться #12

Bruian Blake in Svelte [svelt] - All about Svelte JavaScript framework.

Во точно, в листенере надо указать что бы хватал те что спускаются.

источник

15:00пожаловаться #13

Eugene Korobkov in Svelte [svelt] - All about Svelte JavaScript framework.

Именно для этого и добавляется event modifier capture

источник

15:01пожаловаться #14

ДК

Дмитрий Красильников... in Svelte [svelt] - All about Svelte JavaScript framework.

я вот такой пример имел в виду https://svelte.dev/repl/a6c8e0da85d44d4fb9982b268403cba5?version=3
мы можем с внутренними дом событиями работать на самом компоненте если их пробросим на дом элементе через on. но свелт не дает использовать модификаторы. наверное такая возможность действительно путала бы

svelte.dev

Svelte REPL

Cybernetically enhanced web apps