e.stopPropagation() is not a function in Knockout JS
<p>I have a table where there are two things :</p>

<p>Click event on the row level </p>

<p>and click while checking a check box inside that row.</p>

<p>And when , <strong>checkbox is checked I do not want the Click event on tr to be fired.</strong></p>

<pre><code>   &lt;tbody data-bind="foreach:CustomerList"&gt;
        &lt;tr onclick="removepage();" onmouseover="changeRowColor(this)" onmouseout="restoreRowColor(this)"&gt;

            &lt;td&gt;
                &lt;input class="checkbox" data-bind="click:$parent.customerClick(event)" type="checkbox"&gt;

            &lt;/td&gt;
            &lt;td class="col-md-4"&gt;
                &lt;span class="name" data-bind="text:customerName" /&gt;

            &lt;/td&gt;
            &lt;td&gt;
                &lt;span data-bind="text:siteName" /&gt;
            &lt;/td&gt;

        &lt;/tr&gt;
    &lt;/tbody&gt;
</code></pre>

<p>Now in customerClick() ; I tried to achieve the same.</p>

<pre><code>   customerClick: function (e) {
        debugger;
        e.stopPropagation();
    },
</code></pre>

<p>But it did not work.</p>

<p>It says , <code>e.stopPropagation();</code> is not a function also.</p>

<p>Please tell me how to do that .</p>