Событие jQuery onchange запускается дважды в IE8

Question

Событие jQuery onchange запускается дважды в IE8

У меня есть следующий код:

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script>
</head>
<body>

    <script type="text/javascript">

        $(document).ready(function()
        {
            $('#test').bind("change", function()
            {
                alert(this.value);
                this.value = jQuery.trim(this.value);
            });
        });

    </script>

    <input type="text" id="test" />
    <br />
    <input type="radio" />
</body>
</html>

В IE8, если я введу любой текст для "проверки" ввода и нажму "Tab", я получу сообщение с предупреждением дважды.

Но если я прокомментирую строку "this.value = jQuery.trim(this.value);" сообщение будет показано только один раз.

Почему это случилось? И как я могу избежать двойного вызова обработчика onchange?

1

jquery internet-explorer internet-explorer-8 onchange

Источник

user321708 10 авг '11 в 09:24

2 ответа

Другие вопросы по тегам jquery internet-explorer internet-explorer-8 onchange

user1160685 20 янв '12 в 13:13 2012-01-20 13:13 · Answer 1 · 2012-01-20 13:13

О проблеме сообщили в jQuery, и она была исправлена с использованием самой последней базы кода. Об этом сообщалось на jQuery 1.4 - 1.6.4.

3

Источник

user1160685 20 янв '12 в 13:13

user96656 10 авг '11 в 09:29 2011-08-10 09:29 · Answer 2 · 2011-08-10 09:29

Когда вы устанавливаете value свойство элемента формы с другим значением, change событие пожары.

Итак, в вашем коде:

$('#test').change(function() {
    // This is executed whenever the `change` event fires
    // Setting a new value will trigger the `change` event again
    this.value = $.trim(this.value);
});

Кстати, вы, вероятно, хотите использовать input событие вместо change, Для этого есть плагин jQuery: https://github.com/mathiasbynens/jquery.oninput.js