Javascript-форум - Не работает обработчик события в Mozilla Firefox

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - Не работает обработчик события в Mozilla Firefox (https://javascript.ru/forum/events/28907-ne-rabotaet-obrabotchik-sobytiya-v-mozilla-firefox.html)

Не работает обработчик события в Mozilla Firefox

if(!tatarcha.loadEvents) tatarcha.loadEvents=function()
    {
 
        document.getElementById('combo_1').onchange=function(){
            tatarcha.comboChange(event,false);
        };
 
        document.getElementById('combo_2').onchange=function(){
            tatarcha.comboChange(event,false);
        };
    
   
        document.getElementById('combo_1').onfocus=function(){
            tatarcha.comboChange(event,true);
        };
    
   
        document.getElementById('combo_2').onfocus=function(){
            tatarcha.comboChange(event,true);
        };
   
        document.getElementById('convert').onclick=tatarcha.convertLanguage;
        document.getElementById('word').onkeyup=tatarcha.getWord;
        document.getElementById('insert').onclick=tatarcha.insertWord;
    }
    window.onload=tatarcha.loadEvents;

Собственно говоря не происходит обработка событий в MF. При этом работает в Chrome, IE, Opera. Проверял через Firebug, ошибок нет. Но, все свойства onclick,onfocus = null. Вывел (typeof document.getElementById('combo_2').onfocus) 'function'. Какое то несоответствия между консолью и выводом. В чём может быть проблема?

вешайте события через:

function addEvent( elem, evt, listener ) {
	if ( elem.addEventListener ) {
		elem.addEventListener( evt, listener, false );
	} else if ( elem.attachEvent ) {
		elem.attachEvent( 'on' + evt, function() {
			listener.call( elem, window.event );
		});
	}
}

addEvent( document.getElementById('combo_1'), "focus", function( event ){
    tatarcha.comboChange(event,true);
});

Цитата:

Сообщение от devote (Сообщение 179544)

вешайте события через:

function addEvent( elem, evt, listener ) {
	if ( elem.addEventListener ) {
		elem.addEventListener( evt, listener, false );
	} else if ( elem.attachEvent ) {
		elem.attachEvent( 'on' + evt, function() {
			listener.call( elem, window.event );
		});
	}
}

addEvent( document.getElementById('combo_1'), "focus", function( event ){
    tatarcha.comboChange(event,true);
});

а в чем разница ?

Guliashik,
Html выложите или ссылку на тестовую иногда фокус не проходит из-за cтруктуры HTML

Цитата:

Сообщение от cyber

а в чем разница ?

в том что объект event который юзает ТС:

document.getElementById('combo_1').onfocus=function(){
    tatarcha.comboChange(*!* event */!*,true);
};

глобально определен не у всех, и не является стандартным решением.

<?php
header('Content-Type: text/html; charset=utf-8');
require_once('connect.php');
$rez = mysql_query("Select * FROM lng");
session_start();
if (!(isset($_SESSION['login']) && isset($_SESSION['password']))) {
    session_unset();
    session_destroy();
}
?>
<html>
    <head> 
        <script type="text/javascript" src="scripts/main.js"></script>
    </head>
    <body>
        <form method="POST" action="">
            <select name="combo_1" id="combo_1">
                <?php
                for ($i = 0; $i < mysql_num_rows($rez); $i++) {
                    if (mysql_result($rez, $i, 'id') == 'rus') {
                        echo '<option value="' . mysql_result($rez, $i, 'id') . '" selected="selected">' . mysql_result($rez, $i, 'name') . '</option>';
                    } else {
                        echo '<option value="' . mysql_result($rez, $i, 'id') . '">' . mysql_result($rez, $i, 'name') . '</option>';
                    }
                }
                ?>
            </select>
            <input type="button" name="convert"  id="convert" value="<->">
            <select name="combo_2" id="combo_2">
                <?php
                for ($i = 0; $i < mysql_num_rows($rez); $i++) {
                    echo '<option value="' . mysql_result($rez, $i, 'id') . '">' . mysql_result($rez, $i, 'name') . '</option>';
                }
                ?>
            </select>
            <br>    
            <textarea name="word" id="word" cols="30" rows="3"></textarea>
            <textarea name="translate" id="translate" cols="30" rows="3"></textarea><br>
        </form>
        <script type="text/javascript" src="scripts/alphabet.js"></script>
    </body>
</html>

tatarcha.addEvent=function(element,type,listener)
    {
        if(element.addEventListener)
        {
            element.addEventListener(type, listener, false);
        }
        else
        {
            if(element.attachEvent)
            {
                element.attachEvent('on'+type,function() {
                    listener.call( element, window.event );
                });
            }
                        
        }            
    }
    if(!tatarcha.loadEvents) tatarcha.loadEvents=function()
    {
        tatarcha.addEvent(document.getElementById('combo_1'), 'change',function(){
            tatarcha.comboChange(event,false);
        });
        tatarcha.addEvent(document.getElementById('combo_2'), 'change',function(){
            tatarcha.comboChange(event,false);
        });
        tatarcha.addEvent(document.getElementById('combo_1'), 'focus',function(){
            tatarcha.comboChange(event,true);
        });
        tatarcha.addEvent(document.getElementById('combo_2'), 'focus',function(){
            tatarcha.comboChange(event,true);
        });
}
    window.onload=tatarcha.loadEvents;

Не помогло. Также MF не работает. Вопрос: зачем

element.attachEvent('on'+type,function() {
                    listener.call( element, window.event );
                });

Цитата:

Сообщение от Guliashik

Не помогло. Также MF не работает.

Я же специально дал пример использования:

addEvent( document.getElementById('combo_1'), "focus", function( *!* event */!* ){
    tatarcha.comboChange(event,true);
});

объект event добавьте

Цитата:

Сообщение от Guliashik

Вопрос: зачем

для ишака

Спасибо! Помогло!
На ишаке работает просто без этой конструкции.

Цитата:

event глобально определен не у всех, и не является стандартным решением.

Сейчас попробую разобраться почему так. А что значит он определён не у всех? Точнее, кто эти все? Внутри функции не было ссылки на объект event или что?
Спасибо ещё раз за помощь!

Цитата:

Сообщение от Guliashik

А что значит он определён не у всех?

Это значит что данное решение придумал микрософт, вытащив объект event в глобальное пространство, и некоторые браузеры просто его там держат для того что бы работали старые сайты, тоесть хром/опера так же содержат глобальный объект event но ФФ его не содержит, так как ФФ старается юзать то что пишут в стандартах, другие браузеры тоже держат стандарты но помимо этого еще и изжитки старых ИЕ пытаются поддерживать ради совместимости.

То есть получается в ФФ существует event только в контексте функции (в приведенном случае -обработчик события). И до этого (до правки исходного кода) у меня event был равен null?