How do I use event.preventDefault with KnockoutJs click event handlers?

Question

I have the following table row as a script template in KnockoutJs:

Answer 1

If you have jQuery referenced, then you can safely call e.stopImmediatePropagation(); in your handler, as it is passed the jQuery event object. If you are not using jQuery, then you could still do something like:

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

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

Answer 2

As per @Benoit Drapeau's comment:

In more recent versions of Knockout you use clickBubble: false. e.g.

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

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