资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
JS 事件冒泡 示例代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>JS中的事件冒泡</title> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%3C!--%20%0D%0Afunction%20ClickTr()%20%0D%0A%7B%20%0D%0Aalert(%22TR%22)%3B%20%0D%0A%7D%20%0D%0Afunction%20ClickTd()%20%0D%0A%7B%20%0D%0Aalert(%22TD%22)%3B%20%0D%0A%2F%2F%E5%A6%82%E6%9E%9C%E4%B8%8D%E5%8A%A0%E4%B8%8B%E9%9D%A2%E7%9A%84%E4%BB%A3%E7%A0%81%E7%82%B9%E5%87%BB%E5%85%88%E4%BC%9A%E5%BC%B9%E5%87%BATD%E7%84%B6%E5%90%8E%E5%BC%B9%E5%87%BATR%EF%BC%8C%E5%8E%9F%E5%9B%A0%E6%98%AFHTML%E6%98%AF%E5%AF%B9%E8%B1%A1%E7%BB%93%E6%9E%84%E5%BD%93%E7%82%B9%E5%87%BBAAA%E7%9A%84%E6%97%B6%E5%80%99%EF%BC%88%E6%89%A7%E8%A1%8C%EF%BC%89%2C%E4%BC%9A%E5%86%92%E6%B3%A1%E5%88%B0TR--%3Etable--%3Ebody-%3Edocument-%3Ewindow%2C%E5%BD%93%E7%94%A8event.cancelBubble%3Dtrue%E7%9A%84%E6%97%B6%E5%80%99%E5%B0%B1%E8%AF%B4%E6%98%8E%E9%98%BB%E6%AD%A2%E8%AF%A5%E5%86%92%E6%B3%A1%E8%A1%8C%E4%B8%BA%20%0D%0Aevent.cancelBubble%3Dtrue%3B%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%20--%3E%3C%2Fscript%3E"> </head> <body> <div style="background-color:Azure;" style="background-color:Azure;">目的当点击BBB的时候弹出TR,当点击AAA的时候弹出TD</div> <table> <tr onclick="ClickTr();"> <td onclick="ClickTd();">AAA</td> <td>BBB</td> </tr> </table> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程