jquery - 如何将 event.preventDefault 与 KnockoutJs 单击事件处理程序一起使用？

Question

我将下表行作为 KnockoutJs 中的脚本模板:

    <script id="inboxTemplate" type="text/html">           
    <tr data-bind="click: function() { viewInboxModel.selectAction($data); }">                                 
        <td>...</td>                 
        <td>${ CreateDate }</td>               
        <td data-bind="click: function(e){ e.preventDefault();viewInboxModel.clearAction($data); }"><img src="/Content/images/delete.png" height="16px" width="16px"> </td>
    </tr>            
    </script>

问题是当我单击删除按钮时，它也在运行 selectAction() 方法。我尝试在 selectAction 点击​​处理程序和clearAction() 点击处理程序中使用 e.preventDefault() 但无济于事。如果单击删除按钮，KnockoutJs 是否可以阻止单击底层行？

Answer 1

如果您引用了 jQuery，那么您可以在处理程序中安全地调用 e.stopImmediatePropagation();，因为它会传递 jQuery 事件对象。如果您不使用 jQuery，那么您仍然可以执行以下操作:

e.cancelBubble = true;
if (e.stopPropagation) e.stopPropagation();

http://jsfiddle.net/rniemeyer/mCxjz/