Skip to content

Can I add onmouseover attribute to run only once?

Say I have a link like the following:

<a class="link" href="" onmouseover="go(this)">Link</a>

Is there a way to configure the onmouseover event, calling go(this) to run only a single time while still using the inline onmouseover=<some code> notation? I want it defined inline, not with a JavaScript call.

Currently, I have this, but it is not what I want:

$(".link").one('mouseover', function(e) {
     // do something



You can nullify the onmouseover binding afterwards:

<a class="link" href="" onmouseover="go(this); this.onmouseover = null;">Link</a>
User contributions licensed under: CC BY-SA
9 People found this is helpful