Можно ли что-либо добавить внутрь анонимной функции извне?

Question

[Арсений Соколов]

Необходимо удалить событие на копирование, но слушатель навешан внутри анонимной функции

$(function() {
    function addLink() {
        // ..code
    }
    document.addEventListener('copy', addLink);
});

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

С сайта необходимо копировать много материала, такова задача заказчика, владелец сайта не против, если кому будет интересно, но вот эта богомерзкая функция грабит всю разметку и делает из скопированного текста массу из простого текста и припиской о том, что материал скопирован с их сайта.

Собственно есть ли варианты избавиться от этого?

Копировать через консоль разработчика можно, но это не удобно. Копировать из исходников также не очень удобно.

Comments

[Виталий]

Когда же закончится глупость с использованием jquery там где это не нужно, потратьте уже 3 дня и выусите js, стдно должно быть

[Арсений Соколов]

Виталий: jquery используется разработчиками сайта по назначению, я же не буду приводить весь код, это только выдержка, чтобы было понятно где находится функция и добавление слушателя на событие копирования.

Answer 1

[Stalker_RED]

А модифицировать то место где она навешиваетеся вы не можете? Попробуйте removeEventListener, но для этого нужна ссылка на addLink.

UPD:
Можно перехватить событие другим обработчиком, с более высоким приоритетом

document.addEventListener('copy', e=>e.stopPropagation(), true);

Пример

Почему это работает: www.quirksmode.org/js/events_order.html#link4

Comments

[Арсений Соколов]

да вот в этом и проблема, функция addLink также объявлена внутри анонимной функции.

[Stalker_RED]

Арсен Беспалов: Да, из примера видно что внутри анонимной. Вопрос в том, можете ли вы там сделать например такой финт:

var addLink; // global variable, yo!
$(function() {
    addLink = function() { // здест почти ничего не поменялось, но теперь есть указатель на ф-цию
        // ..code
    }
    document.addEventListener('copy', addLink);
});


// и можно ее отключить
document.removeEventListener('copy', addLink)
// или даже так
addLink = function(){ /* ничего не делает */ }

[Арсений Соколов]

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

[Stalker_RED]

Арсен Беспалов: Обновил ответ

[Арсений Соколов]

Stalker_RED: можно вообще оставить только

function interceptor(evt){
  console.log('interceptor', evt)
  evt.stopPropagation()
}
document.addEventListener('copy', interceptor, true); // win!

[Арсений Соколов]

все сработало, спасибочки

[Stalker_RED]

Арсен Беспалов: минимальный код еще короче:

document.addEventListener('copy', e=>e.stopPropagation(), true);

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

[Арсений Соколов]

Stalker_RED: вообще шикарно, даже не думал что в js можно использоваться такую же конструкцию лябда функций как и в java с 8 версии.

[Stalker_RED]

Арсен Беспалов: Ну, стрелочные функции добавлены в ES2015, и в IE работать не будут, например :)

[Арсений Соколов]

Stalker_RED: в топку IE, нормальные люди IE не пользуются. ;)

[Виталий]

А кстати может есть какой-то метод к прямому доступу к стеку? Или это из области мечт и фантазий

[Klein Maximus]

Арсен Беспалов: Fiddler Вам в помощь. С ним можно подменять любые ресурсы на свои.

Answer 2

[Арсений Соколов]

Сделал расширение для Google Chrome по мотивам данного вопроса:
https://chrome.google.com/webstore/search/truecopy...

Не нужно постоянно вводить в консоль разработчика ничего.

Answer 3

[Виталий]

Я тут подумал и придумал некую гадкую штуку.
Скрипт нужно добавить в прелоад браузера или , если вы ловите события на своем сайте, но от модулей, то до вызова скриптов этих модулей:

(()=>{
if(!window.calls) window.calls = [];
let defoultAddEventListener = addEventListener
addEventListener = (event, callfunk, param)=>{
    let elem = this;
    window.calls.push({event, callfunk, elem});
    return defoultAddEventListener.call(this, event, callfunk, param);
};
})();

В результате вы получите массив объектов в window.calls, где будут содержаться ссылки на нужные вам функции.

Comments

[Арсений Соколов]

Отличный такой хак, возможно пригодится где-нибудь.

[Виталий]

Арсен Беспалов: я для себя его расширил, передавая callfunc в обертке, из которой эмитю действия. Вышло так, что как только события происходят мой подписчик сразу узнает о них. При парсинге оказалось очень полезным моментом.