event

attaches an event handler to an HTML element

node	EventTarget|string	the HTML node or its id
event	string	the name of an HTML event (without the 'on' prefix)
handler	function	the event handler
context	object	context object with additional settings (described below)

id	event handler ID (can be used by the eventRemove() method)

Example

// adds a handler for the 'onclick' event of some HTML element
webix.event("divId", "click", function(e){
    //e - a native event object
    do_something();
});
 
// adds a handler for the 'onKeyUp' event of the List component
webix.event($$("list").getNode(), "keyup", function(e){
    //e - a native event object
    do_something();
}, {bind:$$("list")});

Related samples

The optional context parameter may include:

• bind - (object) an object that the this keyword refers to;
• capture - (boolean) a flag that indicates on which stage (capture or bubble) event should be captured. false by default;
• id - (string) event handler ID (if not set, will be generated automatically).

Back to top