我有一个 t:datatable 并触发了 rowOnClick 事件。这可行，但我在一列中有一个图标，当您单击该图标时，会打开一个弹出窗口。但它也会触发 rowOnClick 事件。我不希望这样，对于该图标，我不希望触发 rowOnClick 事件。
是否可以覆盖/否决数据表中某些列的 rowOnClick 事件。
<t:dataTable rowClasses="row1,row2" id="typelist" value="#{vehicle.vehicleTypeList}" rowOnClick="selectType(#{vehicle_types.id},#{vehicle_types.reference})">
...
...
...
<t:column id="carinformation" >
<h:outputLink styleClass="listicons" value="#" onclick="popup=window.open('vehicle/detail.xhtml?vehicleid=#{vehicle_types.id}','vehciledetails','width=800,height=500,resizable=yes,scrollbars=yes');popup.focus();return false;" >
<img src="images/information.gif" title="${msg.vehicle_information}"/>
</h:outputLink>
</t:column>
</t:dataTable>
最佳答案
DOM 元素可以相互嵌套。不知何故，即使您单击它的子级，父级的处理程序也会工作。
原因是事件冒泡。
要停止此操作，请将 event.stopPropagation(); 添加到图像链接的 onclick 中，使其看起来像这样:
<h:outputLink onclick="event.stopPropagation(); popup=window.open('vehicle/detail.xhtml?vehicleid=#{vehicle_types.id}','vehciledetails','width=800,height=500,resizable=yes,scrollbars=yes');popup.focus();return false;" >
<img src="images/information.gif" title="${msg.vehicle_information}"/>
</h:outputLink>
了解更多:
关于javascript - 否决 rowOnClick t :datatable，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24258397/