日期:2014-05-16  浏览次数:20384 次

请大侠帮忙:<table>中<td>和<td>上面的text都有onclick事件,怎么只触发text的onclick?
我的一个table,里面的<td>调用了onclick去改变这个<td>的背景颜色,
这个<td>上有一个text的input,也有onclick事件去改变这个text的背景颜色,
麻烦出来了,我一点text,这个<td>的onclick也触发了,
问问大侠,有没有办法(比如分层)让我点这个text只触发text的onclick
而不去触发<td>的onclick.

谢谢大家了。

------解决方案--------------------
禁止冒泡
------解决方案--------------------
简单的方式,只给td加事件,当点击触发后,在事件的响应方法中判断事件源来区分执行不同的业务。。。。
------解决方案--------------------
1. 获取事件,然后禁止事件冒泡
ie下
event.cancelbubble = false;
标准下
event.stopPropagation();

2.在td上绑定click事件,根据event.target(ie是srcElement)来处理不同的逻辑