tr td單擊事件
阿新 • • 發佈:2018-12-31
<td width="179">tr__單擊事件測試<td width="213">tr__單擊事件測試
<p>Bubble就是一個事件可以從子節點向父節點傳遞.
當event.cancelBubble =false時 ,該事件會傳遞給父節點。會觸發父節點相應的事件。
<p>當event.cancelBubble =true時,該事件不會傳遞給父節點。只響應子節點對應的事件
<p>比如滑鼠點選了一個TD,當前的event.srcElement就是這個TD,但是這種冒泡機制(event.cancelBubble =false)使你可以從TR或者Table處截獲這個點選事件,但是如果你event.cancelBubble =true,則就不能上傳事件。
</body>
</html>
<html> <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>