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

Click

events

Fires when the SplitButton or any if its items is clicked with the mouse, touched on a touch device, or ENTER (or SPACE) is pressed while the SplitButton or an item is focused.

click

Event Data

e.originalEvent `Object`

The original DOM event.

e.target `jQuery`

The DOM element fired the event wrapped in jQuery object.

e.id `String`

The id of the element, which fired the event, wrapped in jQuery object.

<button id="splitbutton" type="button">Button</button>
<script>
    $("#splitbutton").kendoSplitButton({
        items:[
            { id: "item1", text: "item 1" },
            { id: "item2", text: "item 2" }
        ],
        click: function(e) {
            console.log(e.id + " clicked!");
        }
    });
</script>

<button id="splitbutton" type="button">Button</button>
<script>
    $("#splitbutton").kendoSplitButton({
        items:[
            { text: "item 1" },
            { text: "item 2" }
        ]
    });
    var button = $("#splitbutton").data("kendoSplitButton");
    button.bind("click", function(e) {
        console.log(e.id + " clicked!");
    });
</script>

Click

click

Event Data

e.originalEvent Object

e.target jQuery

e.id String

e.originalEvent `Object`

e.target `jQuery`

e.id `String`