JSFiddle - React, Tailwind, and code Playground

by Gary Pyne

HTML

<div data-bind="text: TotalClicks"></div>
<button data-bind="clickOrTouch: DoStuff }">Click Me</button>
<div data-bind="clickOrTouch: DoStuff">Click Me</div>

JavaScript

ko.bindingHandlers.clickOrTouch = {
  init: funciton(element, valueAccessor, allBindingsAccessor, viewModel) {
  ko.bindingHandlers.click.init(element, valueAccessor);
    ko.bindingHandlers.event.init(element, valueAccessor, { touchEnd
  }
};

var mainViewModel = function () {
  var self = this;

  this.TotalClicks = ko.observable(0);

  this.DoStuff = function () {
    self.TotalClicks(self.TotalClicks() + 1);
  }
};

$(function () {
  myApp = new mainViewModel();
  ko.applyBindings(myApp);
});