Function Event Target in Javascript

Question

I'm trying to get "event.target" to work and cannot. Check out the fiddle below. It works in Safari and Chrome, but not Firefox. I get nothing there.

mySpan.addEventListener('mouseup', function(){ textClick(); }, false)

function textClick (){
    outPutBox.innerHTML = event.target.textContent
}

Here's the full fiddle: https://jsfiddle.net/dmperkins74/ochvvn0o/

In the FF console, it says "event is not defined" but why is it working in the other browsers?

I'm quite a rookie, so please be gentle. Any help appreciated. Also, please don't throw any JQuery my way... I'm just not "there" yet.

Thanks, Dan P.

Answer 1

Because event is not defined. It is passed from the event listener.

mySpan.addEventListener('mouseup', textClick, false)

function textClick (event) {
    outPutBox.innerHTML = event.target.textContent
}

or

mySpan.addEventListener('mouseup', function(e){ textClick(e); }, false)

function textClick (event) {
    outPutBox.innerHTML = event.target.textContent
}