Use javascript to click on a pseudo-element?

Question

I\'m wondering how to enable the clicking on a :before pseudo-element (the orange part of the div on the JSfiddle I link to below). I\'ve read that since pseudo

Answer 1

Do simply like using jquery

  $(document).on("click", "span", function(e){
         if (e.offsetX > $(this)[0].offsetWidth) {
               alert('clicked on after');
    } 
    else
    {
    alert('clicked on main span');
    }
        
    })

div { margin: 20px; }
span:after { content: 'AFTER'; position: absolute; }

ELEMENT