click

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

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.

Example - subscribe to the "click" event during initialization

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

Example - subscribe to the "click" event after initialization

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