Как передать переменные в функцию, которая будет вызываться при использовании addEventListener, и как потом удалить этот eventListener?

Для передачи переменных в функцию, которая будет вызываться при использовании `addEventListener`, можно воспользоваться замыканием. В качестве примера рассмотрим функцию `handleClick`:

```javascript
function handleClick(param) {
  return function(event) {
    console.log(param);
    console.log(event);
  };
}

const element = document.getElementById('someElement');
const param = 'Hello, world!';

element.addEventListener('click', handleClick(param));
```

В этом примере функция `handleClick` возвращает функцию, которая замыкает переменную `param`. Таким образом, при вызове `handleClick(param)` создается функция, которая имеет доступ к параметру `param`.

Чтобы удалить `eventListener`, необходимо использовать метод `removeEventListener`. Для этого необходимо сохранить ссылку на функцию `handleClick(param)`:

```javascript
const handleClickFunction = handleClick(param);
element.addEventListener('click', handleClickFunction);

// Удаление eventListener
element.removeEventListener('click', handleClickFunction);
```

Чтобы передать переменную в функцию `handlePasteImage` и сохранить при этом событие и удалить `eventListener`, можно воспользоваться аналогичным подходом с замыканием:

```javascript
function handlePasteImage(data) {
  return function(event) {
    console.log(data);
    console.log(event);
    // Дополнительные действия с data и event
  };
}

const element = document.getElementById('someElement');
const data = 'someImageData';

element.addEventListener('paste', handlePasteImage(data));
```

Для удаления `eventListener` аналогично:

```javascript
const handlePasteImageFunction = handlePasteImage(data);
element.addEventListener('paste', handlePasteImageFunction);

// Удаление eventListener
element.removeEventListener('paste', handlePasteImageFunction);
```

если нужно удалить обработчик после однократного срабатывания, есть once в третьем параметре <br/> <br/> если логика удаления другая, то есть вариант: <br/> <pre><code class="javascript">const handler = handlePasteImage.bind(null, whatever);
addEventListener('paste', handler, { capture: true, });</code></pre> <br/> в handlePasteImage() придёт (whatever, event), а удалять нужно handler <br/> <br/> или <br/> <pre><code class="javascript">const handler = {
  whatever: whatever,
  handleEvent(event) {
    handlePasteImage(event, this.whatever);
  },
};
addEventListener('paste', handler, { capture: true, });</code></pre> <br/> в handlePasteImage() придёт (event, whatever), а удалять нужно опять же handler

Например можно сделать обретку или использовать bind: <br/> <pre><code class="javascript">let handlePasteImage2 = (e) =&gt; handlePasteImage(e, $var)
document.body.removeEventListener("paste", handlePasteImage2, true);
document.body.addEventListener("paste", handlePasteImage2, true);</code></pre>