61,129
社区成员
发帖
与我相关
我的任务
分享触发两个onclick事件，我去掉一个怎么办啊
<table width="200" border="1">
<tr onClick="aaa()">
<td>
<input type="checkbox" value="che" onClick="bbb()">
</td>
</tr>
</table>
<script type="text/javascript">
function aaa(){
alert('tr的任务')
}
function bbb(){
alert('check的任务')
}
</script>
我点击checkbox 会走两个方法，我想只走bbb（）
高手指点一下，谢谢，！！！！
<tr onClick="aaa()">
<td>
<input type="checkbox" value="che" onClick="bbb()">
</td>
</tr>
</table>
<script type="text/javascript">
function aaa(){
alert('tr的任务')
}
function bbb(){
alert('check的任务')
}
</script>
我点击checkbox 会走两个方法，我想只走bbb（）
高手指点一下，谢谢，！！！！
...全文
请发表友善的回复…
发表回复
yyf888yyf 2010-08-26
- 打赏
- 举报
有更好的方法用: window.event.cancelBubble = true;
<table width="200" border="1">
<tr onClick="aaa()">
<td>
<input type="checkbox" value="che" onClick="bbb()">
</td>
</tr>
</table>
<script type="text/javascript">
function aaa(){
//window.event.cancelBubble = true; //保险
alert('tr的任务')
}
function bbb(){
window.event.cancelBubble = true;
alert('check的任务')
}
</script>
<table width="200" border="1">
<tr onClick="aaa()">
<td>
<input type="checkbox" value="che" onClick="bbb()">
</td>
</tr>
</table>
<script type="text/javascript">
function aaa(){
//window.event.cancelBubble = true; //保险
alert('tr的任务')
}
function bbb(){
window.event.cancelBubble = true;
alert('check的任务')
}
</script>
myvicy 2008-03-22
- 打赏
- 举报
直接去掉一个onclick又如何呢?
xiaojinchao 2008-03-22
- 打赏
- 举报
谢谢啦
mataofq 2008-03-22
- 打赏
- 举报
老hookee的方法可以的，并且兼容了FF，直接取消了click事件
我觉得还可以扩充一下aaa（）不再用bbb（），具体就是在aaa（）里边加个判断当前点击事件的html元素，然后switch——case
我觉得还可以扩充一下aaa（）不再用bbb（），具体就是在aaa（）里边加个判断当前点击事件的html元素，然后switch——case
knight0450 2008-03-22
- 打赏
- 举报
提供一种简单解决方法，主要是添加判别
<html>
<body>
<table width="200" border="1">
<tr onClick="aaa()">
<td>
<input type="checkbox" value="che" onClick="bbb()"> </input>
</td>
</tr>
</table>
<script type="text/javascript">
flag = 1;
function aaa(){
if(flag == 1){
alert('tr的任务') ;
}
}
function bbb(){
alert('check的任务') ;
flag = 2;
}
</script>
</body>
</html>
欢迎继续交流改进
<html>
<body>
<table width="200" border="1">
<tr onClick="aaa()">
<td>
<input type="checkbox" value="che" onClick="bbb()"> </input>
</td>
</tr>
</table>
<script type="text/javascript">
flag = 1;
function aaa(){
if(flag == 1){
alert('tr的任务') ;
}
}
function bbb(){
alert('check的任务') ;
flag = 2;
}
</script>
</body>
</html>
欢迎继续交流改进
hookee 2008-03-22
- 打赏
- 举报
ff, ie 都可用的：
<html>
<body>
<table width="200" border="1">
<tr onClick="aaa(event)">
<td>
<input type="checkbox" value="che" onClick="bbb(event)">
</td>
</tr>
</table>
<script type="text/javascript">
function aaa(){
alert('tr的任务')
}
function bbb(e){
alert('check的任务');
if(window.event) event.cancelBubble = true;
else e.stopPropagation();
}
</script>
</body>
</html>
hookee 2008-03-22
- 打赏
- 举报
<html>
<body>
<table width="200" border="1">
<tr onClick="aaa()">
<td>
<input type="checkbox" value="che" onClick="bbb()">
</td>
</tr>
</table>
<script type="text/javascript">
function aaa(){
alert('tr的任务')
}
function bbb(){
event.cancelBubble = true;
alert('check的任务')
}
</script>
</body>
</html>
snlixing 2008-03-22
- 打赏
- 举报
mark
onclick中javascript的区别一般没用到都没注意，但出错时才有些郁闷，看文本章解释如下：
以前一直很随意，后来看.net里的linkbutton似乎是用在的形式，今天用这种方式就遇到一些问题，摘网友的文章和我的结论放在下面：
1.链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）；
2.假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，onclick 必须得到一个 false 的返回值。不信，你可以将 goGoogle
