Can't add return false with addEventListene r in Firefox

[philjhanna]

Hi,

Does anyone know why I can't add return false with addEventListene r in
firefox (1.0.6).
This demonstrates the problem
If return false is added to onmousedown then you can drag over the
image which you can do to myImg1 but not myImg2.
myImg3 just shows that the code should work as an alert is added to
this one.

<img name="myImg1" id="myImg1"
src="http://www.google.co.u k/intl/en_uk/images/logo.gif"
onmousedown="re turn false">
<img name="myImg2" id="myImg2"
src="http://www.google.co.u k/intl/en_uk/images/logo.gif">
<img name="myImg3" id="myImg3"
src="http://www.google.co.u k/intl/en_uk/images/logo.gif">

<script>
function doOnload(){
document.getEle mentById('myImg 2').addEventLis tener('mousedow n',function(){r eturn
false;},true);
document.getEle mentById('myImg 3').addEventLis tener('mousedow n',function(){a lert('down');}, true);
}

window.addEvent Listener('load' ,doOnload,true) ;
</script>

Thanks anyone who can help.

[Duncan Booth]

philjhanna wrote:

Does anyone know why I can't add return false with addEventListene r in
firefox (1.0.6).

Because Firefox/Mozilla will ignore any result returned from a function
registered with addEventListene r. If you read the DOM specification for
the EventListener interface you will see that it says there is 'no return value'.

See the following references:

http://www.mozilla.org/docs/dom/domr..._el_ref31.html
http://www.w3.org/TR/2000/REC-DOM-Le...-EventListener

or more specifically
(at http://www.w3.org/TR/2000/REC-DOM-Le...binding.html):

Object EventTarget

The EventTarget object has the following methods:

addEventListene r(type, listener, useCapture)
This method has no return value.
The type parameter is of type String.
The listener parameter is a EventListener object.
The useCapture parameter is of type Boolean.
removeEventList ener(type, listener, useCapture)
This method has no return value.
The type parameter is of type String.
The listener parameter is a EventListener object.
The useCapture parameter is of type Boolean.
dispatchEvent(e vt)
This method returns a Boolean.
The evt parameter is a Event object.
This method can raise a EventException object.

Object EventListener
This is an ECMAScript function reference. This method has no return value.
The parameter is a Event object.

[Martin Honnen]

philjhanna wrote:

Does anyone know why I can't add return false with addEventListene r in
firefox (1.0.6).
This demonstrates the problem
If return false is added to onmousedown then you can drag over the
image which you can do to myImg1 but not myImg2. <img name="myImg1" id="myImg1"
src="http://www.google.co.u k/intl/en_uk/images/logo.gif"
onmousedown="re turn false">
<img name="myImg2" id="myImg2"
src="http://www.google.co.u k/intl/en_uk/images/logo.gif">
document.getEle mentById('myImg 2').addEventLis tener('mousedow n',function(){r eturn
false;},true);

The proper way in the W3C DOM Level 2 Events model to cancel the default
action associated with an event is to call the method preventDefault on
the event object so you should code
document.getEle mentById('myImg 2').addEventLis tener(
'mousedown',
function (evt) {
if (evt.preventDef ault) {
evt.preventDefa ult();
}
},
false
);
if you want to have that event listener cancel/prevent the default action.

--

Martin Honnen
http://JavaScript.FAQTs.com/