Add new scriptlet — 'prevent-click'

[AdamWr]

Recently I have noticed that some websites uses click() to open popups. For example:

(() => {
  const url = '/popup';
  const createElm = document.createElement("a");
  createElm.href = url;
  createElm.target = "_blank";
  createElm.click();
  /*
  do something, for example load video player
  */
  console.log('something');
})();

We could add a scriptlet to prevent click if clicked element has specific attribute (like href) with specific content. For example (might need improvements, just an idea):

(() => {
  const preventClick = (element, content) => {
    const wrapper = (target, thisArg, args) => {
      const match = content.split(':');
      const [attribute, text] = match;
      if(thisArg.matches(element) && thisArg[attribute].includes(text)) {
        return;        
      }
      return Reflect.apply(target, thisArg, args);
    };
    const handler = {
      apply: wrapper
    };
    window.HTMLElement.prototype.click = new Proxy(window.HTMLElement.prototype.click, handler);
  };
  // Prevent clicking "a" element if "href" contains "popup"
  preventClick('a', 'href:popup');
})();

[gorhill]

preventClick('a', 'href:popup');

Could be one parameter, a selector?

preventClick('a[href*="popup"]');

[AdamWr]

Yes, I think that one parameter (selector) should be fine.