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>
若有不足請多多指教!希望給您帶來幫助!
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,謝謝大家對武林網(wǎng)的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接
新聞熱點
疑難解答