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/

Answer 2

根据@Benoit Drapeau的评论：

在更新版的Knockout中，您使用clickBubble：false。 e.g。

<td data-bind="click: myFunction, clickBubble: false"> </td>

http://knockoutjs.com/documentation/click-binding.html

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

2 个答案: