почему событие срабатывает более одного раза
 

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

<select multiple="" name="book" size="7">
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
<option>12313</option>
</select>
<script event="onscroll" for="book">
var book=document.getElementById("book");
if(book.scrollTop == book.scrollHeight - book.clientHeight)
{
alert("book.scrollTop="+book.scrollTop+", book.scrollHeight="+book.scrollHeight+", book.clientHeight="+book.clientHeight);
}
</script>

очевидно, что так сделаны браузеры, что при удерживании кнопки мыши на стрелке прокрутки, прокрутка идет по одному элементу за раз но с большой скоростью, поэтому человеческий глаз ее не воспринимает, а вот js отлавливает

о, боже, до этой темы я этого не знал, и судя по тому, что это работает только в IE и информация об этом мне с трудом встретилась, и слава богу :)

UPD: интересует тот же вопрос http://javascript.ru/forum/css-html-...ga-script.html

А зачем так делать?