New to Kendo UI for jQuery? Download free 30-day trial

Event binding

Loading Demo...

EXAMPLE
VIEW SOURCE
Edit in Kendo UI Dojo
Change Theme
Default
SASS

LESS
- Default
- Bootstrap
- Material
- Launch Theme Builder
- Black
- Blue Opal
- Bootstrap v3
- Default
- Fiori
- Flat
- High Contrast
- Material
- Material Black
- Metro
- Metro Black
- Moonlight
- Nova
- Office 365
- Silver
- Uniform

event.html

View source code

<div id="example">
    <button data-bind="events:{ click: listener, dblclick: listener, mouseover: listener, mouseout: listener }">Button</button>
</div>

View model source code

var viewModel = kendo.observable({
    listener: function(e) {
        kendoConsole.log("Event: " + e.type);
    }
});

kendo.bind($("#example"), viewModel);

Support & Learning Resources

Was this demo helpful?

YES NO

Tell us how we can improve this demo

Submit Skip