1. 程式人生 > >tr td單擊事件

tr td單擊事件

<td width="179">tr__單擊事件測試<td width="213">tr__單擊事件測試

<html>
<body>
<table border="1" width="71%" id="tableA" >
<tr onClick="tr_click()">

<td width="212" height="52" onClick="td_click()">td__單擊事件測試


<p>Bubble就是一個事件可以從子節點向父節點傳遞.
event.cancelBubble =false時
,該事件會傳遞給父節點。會觸發父節點相應的事件。
<p>當event.cancelBubble =true時,該事件不會傳遞給父節點。只響應子節點對應的事件
<p>比如滑鼠點選了一個TD,當前的event.srcElement就是這個TD,但是這種冒泡機制(event.cancelBubble =false)使你可以從TR或者Table處截獲這個點選事件,但是如果你event.cancelBubble =true,則就不能上傳事件。
</body>
</html>

<script language="javascript">

function tr_click(){
alert('tr');
}

function td_click(){
alert('td沒有響應tr單擊事件!');
event.cancelBubble=true;
}

</script>