如何允许TR元素上的onClick事件但阻止复选框中的事件? 复选框是表格中TR的TD的子代。允许TR元素上的onclick事件,但阻止复选框中的事件
我在这个问题上做的是在所有TD上添加onClick,但不在复选框的TD中。
有没有更好的方法来解决这个问题?
<tr key={item._id} id={item._id} className={(item.status == "unread")? "unread":""}>
<td className="inbox-small-cells">
<input type="checkbox" className="mail-checkbox" />
</td>
<td className="view-message dont-show" onClick={this.viewMsg.bind(this,item.sender)}>{item.sender} {(item.category.length > 0)?
<span className="label label-info pull-right">{item.category}</span>:""}</td>
<td className="view-message " onClick={this.viewMsg.bind(this,item.sender)}>{item.subject.trunc(40)}</td>
<td className="view-message inbox-small-cells" onClick={this.viewMsg.bind(this,item.sender)}>{(item.attachments.length > 0) ? <i className="fa fa-paperclip"></i> : ""}</td>
<td className="view-message text-right" onClick={this.viewMsg.bind(this,item.sender)}>{item.createdAt}</td>
</tr>
哪里是你的代码2点的工作的例子吗?请使用代码请 –
请稍候片段.. –
如果您正在调用js函数onClick,您可以考虑删除此复选框上的此功能 –