javascript - 否决 rowOnClick t :datatable

Question

我有一个 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>  

Answer 1

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>

了解更多:

• event.stopPropagation()