读书人

请大侠帮忙:lt;tablegt;中lt;tdgt;和lt;tdgt;上面

发布时间: 2012-03-13 11:21:12 作者: rapoo

请大侠帮忙:<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)来处理不同的逻辑

读书人网 >JavaScript

热点推荐