CODEWITHSUNDEEP
javascripteventsevent-handlingdom-events
Gavin
Gavin

Reputation: 17402

Javascript Event caller not being passed into params

I'm working on the following onmouseover function in Javascript

function fnNavMouseOver(evt) {
    alert(evt.target);
    var eSrc
    evt = (evt) ? evt : (window.event) ? window.event : ""
    eSrc = (evt.target) ? evt.target : evt.srcElement
    alert(eSrc);
}

I'm under the impression that in Firefox the event should be passed into the function. However evt seems to be coming in as null. Is there anything that could be causing this?

Edit :

The code that calls this method works like this:

ButtonHTML += "<img onmouseover='fnNavMouseOver()' id='" + ButtonId + "Norm' src='" + ImgPath + "_n.jpg' style='border-style:none;z-index=102;position:absolute;left:0px;top:0px'>";

That string then gets appended to a div on the page. I realize this really isn't ideal but I'm working with an old framework and trying to shoe-horn some new functionality in.

Upvotes: 1

Views: 1498

Answers (2)

Josh Stodola
Josh Stodola

Reputation: 82533

I agree with the answer regarding unobtrusive assignment of the event handler, but for what it's worth, you could continue to use the HTML onmouseover attribute by passing the event object as a parameter...

onmouseover="fnNavMouseOver(event);"

Upvotes: 1

vezult
vezult

Reputation: 5243

If you set the element's mouseover event handler outside the HTML element, I think you will get the event passed to your function.

In your usage, you are essentially doing this:

element.onmouseover = function () { yourfunction() };

rather than this:

element.onmouseover = yourfunction

which is what you want to be doing. Since you are invoking your function with no arguments, it is receiving no arguments, resulting in Null values being passed in.

Upvotes: 2

Related Questions