首页 新闻 赞助 找找看

Html5 table 中屏蔽 <tr>的click 事件

0
[已解决问题] 解决于 2018-03-29 08:57
 1 <tr data-ng-repeat="row in YieldData | filter:Search"                        
 2                             data-ng-click="setSelectedData('Yield',row)"
 3                             data-ng-class="{success:row==selectedYieldData}"
 4                             >  
 5                             <td class="col-md-2 col-sm-2">
 6                                 <div class="input-group">
 7                                     <span>{{ row.qty }}</span>
 8                                         <span class="btn btn-default btn-xs" data-ng-click="minusqty()" style="margin:0px 0px 0px 15px;">-1</span>
 9                                 </div>
10                             </td>
11                         </tr>

<tr> click 功能:设置被选中行的class,设置选中的行号(保存在js变量中).

<td> 中的 <span> 的 click 功能:对 row.qty数量减一.

遇到的问题:<tr> 和 <span> 各有 click事件,如何在<span>中屏蔽 <tr>的click,且如果当前行为被选中,则不屏蔽。

click的js中要怎么设置?

Cornelius的主页 Cornelius | 初学一级 | 园豆:80
提问于:2014-03-19 10:04
< >
分享
最佳答案
0

你屏蔽tr的click事件是因为点击span的click时,tr的click会被执行?

奖励园豆:5
单恋 | 小虾三级 |园豆:678 | 2014-03-19 10:16

嗯,是這樣。

我想做的是:如果tr已經被選中,就屏蔽tr click;沒選中就不屏蔽。

Cornelius | 园豆:80 (初学一级) | 2014-03-19 10:21

@Cornelius: 这个应该涉及到冒泡事件的处理了。

单恋 | 园豆:678 (小虾三级) | 2014-03-19 10:25

@单恋: 这个复杂么?

Cornelius | 园豆:80 (初学一级) | 2014-03-19 10:27

@Cornelius: 你参考一下这个。http://dm.5212m.com/a/JavaScript/2011/3/201131714147.shtml

单恋 | 园豆:678 (小虾三级) | 2014-03-19 10:29

@单恋: 两个事件融合在一块儿?

Cornelius | 园豆:80 (初学一级) | 2014-03-19 10:29

@Cornelius: 不是,是两个事件都被执行了。你看一下,具体我也不是很清楚,就是遇见过这种问题。http://zhidao.baidu.com/question/535474224.html

单恋 | 园豆:678 (小虾三级) | 2014-03-19 10:32
其他回答(1)
0

unbind下不就行了?

webaspx | 园豆:1973 (小虾三级) | 2014-03-19 12:54
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册