Ie9以下瀏覽器中的事件對象是放在全局中的window.event;
解決兼容性:event = event || window.event
事件委托(就是將事件綁定到父級/爺爺級對象上,通過事件對象的target屬性來控制子級對象的改變):
event.target(點擊的目標對象)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> td{ width: 100px; height: 100px; border:2px solid red; } </style></head><body><table > <tr> <td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td> </tr></table></body><script> var tab = document.getElementsByTagName("table")[0]; tab.onclick = function (event) { //點擊子級對象改變顏色 event.target.style.backgroundColor = "black"; }</script></html>
若有不足請多多指教!希望給您帶來幫助!
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對武林網的支持。如果你想了解更多相關內容請查看下面相關鏈接
新聞熱點
疑難解答