JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-debug.js"></script>
<input type="text" data-bind="value: goal" />
<div data-bind="click: outsideClick">
Outside click.
<button data-bind="click: insideClick, clickBubble: false">
Inside click.
</button>
</div>
JavaScript
function AppViewModel() {
var self = this;
self.goal = ko.observable(3);
self.outsideClick = function() {
alert('outside click');
};
self.insideClick = function() {
alert('inside click');
};
}
var vm = new AppViewModel();
ko.applyBindings(vm);