JS監聽事件簡單學習:

　　[object].addEvent("事件型別","處理函式","冒泡事件或捕獲事件");
　   [object].removeEvent("事件型別","處理函式","冒泡事件或捕獲事件");

場景:

　　表格標題行背景色是黃色，奇數行是白色，偶數行是灰色。

　　滑鼠懸停在行上的時候，出發事件，背景顏色變成黃色。

效果如圖:

JavaScript程式碼：

<script language="JavaScript">
            //dom載入完畢後
            window.onload = function
 
() {
                setTrClass();
            };

            function setTrClass() {
                var tr = document.querySelectorAll('tr');
                console.log(tr);
                for(var i = 0; i < tr.length; i++) {
                    if(i % 2 == 0) {
                        tr[i].style.backgroundColor 
 
= 'grey';
                        tr[i].addEventListener('mouseout', function() {
                            this.style.backgroundColor = 'grey';
                        }, false)
                    } else {
                        tr[i].style.backgroundColor = 'white';
                        tr[i].addEventListener(
 
'mouseout', function() {
                            this.style.backgroundColor = 'white';
                        }, false)
                    }
                    tr[i].addEventListener('mouseover', function() {
                        this.style.backgroundColor = 'red';
                    }, false)

                }
            }
        </script>