addEventListener not working in mozilla

Arif Mohd

i have given the stmt as

Expand|Select|Wrap|Line Numbers

document.addEventListener('onkeydown', my_onkeydown_handler, true);

and the function defined was

Expand|Select|Wrap|Line Numbers

 function my_onkeydown_handler()

{

    alert('called');

    switch (event.keyCode)

    {

      case 116 : // 'F5'

      event.returnValue = false;

      event.keyCode = 0;

      window.status = "We have disabled F5";

      break; 

    }

}

but it is not working

timo1978

The correct syntax is:

Expand|Select|Wrap|Line Numbers

document.addEventListener('keydown', my_onkeydown_handler, true);

The DOM Level 2 event model doesn't follow the old naming convention of "oneventname". Note however that IE's attachEvent() method does require the event name to start with "on".

Dasty

^^ as Timo said. It works fine with mozilla browsers.

But then, you are using IE like event handling (working with window.event object) in your function. Mozilla is sending event object as parameter to even handler function (so alter your code). Yes, it's sad that you have to write different code for different browsers.

Example for cross-browser event handling:

Expand|Select|Wrap|Line Numbers

 if (document.addEventListener){

  // as Timo suggested

  document.addEventListener('keydown', my_onkeydown_handler, true); 

} else if (document.attachEvent){

  // IE style

  document.attachEvent('onkeydown', my_onkeydown_handler);

}
 
function my_onkeydown_handler(ev)

{

  ev = ev || window.event; // for IE

  alert('keycode:' + ev.keyCode);

}

or jsut simple use:

Expand|Select|Wrap|Line Numbers

document.onkeydown = my_onkeydown_handler

if you dont plan to handle this event with more then one handler function.

mrhoo

You can run your event detection just once, and call the same assignment in either event model.

Expand|Select|Wrap|Line Numbers

 if(window.addEventListener){

    addEve= function(who,wot,fun,boo){

        return who.addEventListener(wot,fun,false)

    }

}

else if(window.attachEvent){

    addEve= function(who,wot,fun){

        return who.attachEvent('on'+ wot,fun);

    }

}

For IE to 'hear' the keydown, attach the event to the body, not the document.
This will work as well in Firefox.
And don't set the capture to true on key events- the event will have come and gone before the capture returns a value. Capture only works in the Mozilla browsers, and it is rarely needed.
In any browser you can set your event handler on a parent element,up to the body, and test the target or srcElement of the event when it bubbles up.

addEve(document.body,'keydown', my_onkeydown_handler)

addEventListener not working in mozilla

re: addEventListener not working in mozilla

re: addEventListener not working in mozilla

re: addEventListener not working in mozilla

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about