Event registration in Firefox 2.0


P

Patrik Spieß

Hi,

According to http://www.quirksmode.org/js/events_advanced.html it is
possible to add event handlers to DOM nodes of links (A-Tags) with the
function addEventListener(...). The following minimal example does not
work in Firefox 2. It is a HTML page with a link and a text area. When
the mouse enters or leaves the link, a line should be added to the
text area.

This works when I directly assign the event handler to the nodes
onmouseover field, but not if I use the addEventListener method. Am I
doing anything wrong here or is it not supported by Firefox 2?

Best,
Patrik

<html lang="en"><head>
<script language="javascript">
function init() {
for (var i=0;i<document.links.length;i++) {
// does not work:
//document.links.addEventListener("onmouseover", handleEvent,
true);
//document.links.addEventListener("onmouseout", handleEvent,
true);
// works:
document.links.onmouseover = handleEvent;
document.links.onmouseout = handleEvent;
}
}
function handleEvent(e) {
if (!e) return false;
document.forms['test'].elements['log'].value = e.type + '\n' +
document.forms['test'].elements['log'].value;
return false;
}
</script></head><body class="testpage" onLoad="init()">
This is <a href="#">the test link</a>
<form name="test">
<textarea name="log" rows="10"></textarea>
<input value="Clear log"
onclick="document.forms[0].elements['log'].value = ''" type="button">
</form>
body></html>
 
Ad

Advertisements

T

Thomas 'PointedEars' Lahn

Patrik said:
<script language="javascript">
[...]
// does not work:
//document.links.addEventListener("onmouseover", handleEvent,
true);
//document.links.addEventListener("onmouseout", handleEvent,
true);
[...]
<form name="test">


The event types are "mouseover" and "mouseout", the third argument should be
`false' (non-capturing listener), and your markup is not Valid.
http://validator.w3.org/
[...]
<input value="Clear log"
onclick="document.forms[0].elements['log'].value = ''" type="button">

<script type="text/javascript">
document.write('<input type="button" value="Clear log"'
+ ' onclick="this.form.elements[\'log\'].value = \'\';">');
</script>


PointedEars
 
Ad

Advertisements

P

Patrik Spieß

The event types are "mouseover" and "mouseout", the third argument should be
`false' (non-capturing listener), and your markup is not Valid.http://validator.w3.org/

Sometimes you don't see the wood for the trees. Thanks for the hint
(for the obvious mistake), you saved me a lot of time.

Patrik
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top