Attaching DOM events not working

I am trying to attach DOM events to the rendered nodes but it is not working.

I have used the following syntax:

function render()  {
    return h('div', {
      style: {
        height: "100px",
        width: "100px",
        background: "#CCC"
      },
      "ev-click": function () {alert('hi');},
    }, "Hello World!");
}

What am I missing here?

[pm-debjit-biswas]

Thanks! I had not found the on* syntax in the documentation or may have missed it.

[Raynos]

@staltz “building a custom bubbling/catching system” is exactly dom-delegator.

The bit that needs decoupling is how to dispatch to the ev-foo handlers without coupling to dom-delegator

What we have done is coupled to ev-store ( https://github.com/Raynos/ev-store ) which can then be read from my any bubbling / delegation system.

Matt-Esch might use that to do bubbling / delegation at the “component” boundary instead of at the “global” boundary.