Вчера наш любимый самый-недопонимаемый-язык-программирования-в-мире нанес моему самоуважению очередную смертельную рану ниже пояса. Я-то уже, можно сказать, привык к таким сюрпризам и перестал из-за каждого из них уходить в депрессию и запой на полгода, но... хочется ведь разобраться!
Итак, моя наивная детская вера в незыблемость основ - напр., того, что обработчики событий вида нечто.onclick и т.п. вызываются исключительно внешними причинами (как-то действия юзера, в частности, клики), но не программными вызовами типа нечто.click(), была беспощадно поругана суровой правдой жизни и разбилась вдребезги о таковую. Хотя подобное утверждалось не только на многих уважаемых форумах, но и, например, http://ods.com.ua/win/eng/web-tech/js/htm/22-13.phtml#Heading72:
| Цитата |
The click() method does not trigger the onClick event handler so you should not worry about the script getting into an infinite loop here.
|
И действительно, пример связанных чекбоксов по http://ods.com.ua/win/eng/web-tech/js/htm/22-13.phtml#Heading72 (надо полагать, из старинной, но серьезной http://ods.com.ua/win/eng/web-tech/js/index.phtml) и в IE6, и в FF2 работает в точности по описанному - ничего не зацикливается, меняются они синхронно, как положено...
Поэтому, когда на другом уважаемом форуме я наткнулся на рекомендацию вызывать onclick кнопки путем вызова ее click(), я испытал нешуточное нервное потрясение. К моему удивлению, такой вариант:| Код |
<input id="b1" onclick="alert('Surprise!')" type="button" value="Button1"><br>
<input onclick="document.getElementById('b1').click()" type="button" value="Button2">
|
радостно выкинул алерт по клику на Button2... Какого же, простите, censored-переcensored, оно вызывается, если в тех же самых http://ods.com.ua/win/eng/web-tech/js/htm/22-12.phtml#Heading62 четко сказано следующее?| Цитата |
A button’s click() method simulates the user’s action of clicking that button. It causes the same action as would a human click, except that the button’s onClick event handler is not triggered. Since their only usefulness is in triggering the onClick event handler, this method is not useful for TYPE="button" buttons.
|
Небольшое расследование привело меня лишь в еще большее недоумение. Слегка изменив код из первой ссылки:| Код |
<script language="javascript">
function connectMe(destination) {
document.forms[0].elements[destination].click()
alert(destination);
}
</script>
<form>
<input onclick="connectMe(1)" type="checkbox"> Number 1<br>
<input onclick="connectMe(0)" type="checkbox"> Number 2<br>
<input onclick="connectMe(3)" type="button" value="Button 1"><br>
<input onclick="connectMe(2)" type="button" value="Button 2">
</form>
|
я с удивлением увидел, что в IE для каждой пары (и чекбоксов, и кнопок) выскакивает аккурат по 2 алерта - для каждого элемента из пары: получается, лишь первый программный клик вызывает обработчик, а дальше какой-то другой механизм борется с зацикливанием - так, что ли?
И совсем странно ведет себя это безобразие в Опере 9.20 и последней альфе FF3 (Gecko/20070604 Minefield/3.0a6pre). В первой никаких алертов вообще нет, но чекбоксы после первого клика... начинают часто мерцать и перестают реагировать на новые клики - неужели то самое зацикливание? Хорошо еще, браузер от этого не зависает намертво... Во второй же алерт выскакивает... трижды - получается, что "привязываемый" чекбокс оказывается "кликнут" дважды и его состояние в итоге не меняется!
Ни в MSDN, ни в MDC, ни в стандарте DOM я так и не нашел хотя бы примерной рекомендации, как должен вести себя браузер в таком случае... может, плохо искал? Вообще, откуда повелась такая свистопляска именно с onclick-ом? Onsubmit у формы ведь, насколько я помню, никогда не вызывается при ее программном submit()-е (хотя теперь уже я ни в чем не уверен...)?
Уважаемые гуру и корифеи! Пожалуйста, натолкните меня на хоть какую-нибудь твердую почву, не дайте свихнуться окончательно! А то у меня только-только стала своя жизнь налаживаться, обидно все потерять и кончить дни в дурке из-за такого, по сути, пустяка... ;) |
)
