• 全部
  • 问答

触发两个onclick事件,我去掉一个怎么办啊

xiaojinchao 2008-03-22 02:25:34
<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()
高手指点一下,谢谢,!!!!


...全文
335 点赞 收藏 8
写回复
8 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
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>

回复
myvicy 2008-03-22
直接去掉一个onclick又如何呢?
回复
xiaojinchao 2008-03-22
谢谢啦
回复
mataofq 2008-03-22
老hookee的方法可以的,并且兼容了FF,直接取消了click事件
我觉得还可以扩充一下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>


欢迎继续交流改进
回复
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
回复
相关推荐
发帖
CSS
创建于2007-09-28

6.0w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
帖子事件
创建了帖子
2008-03-22 02:25
社区公告
暂无公告