dijit/_OnDijitClickMixin

Authors: Bill Keese
Project owner:Bill Keese
since:V1.7

Contents

Introduction

dijit._OnDijitClickMixin is a useful mixin for widgets that need to be accessible, that require nodes to be "clicked" via the keyboard in addition to via the mouse(or a touch event).

For example, in the code below the user can tab to the <span> node and press either the ENTER or SPACE key, and it will have the same effect as clicking the span with the mouse:

require([
    "dijit/_WidgetBase",
    "dijit/_TemplatedMixin",
    "dijit/_OnDijitClickMixin",
    "dojo/_base/declare",
    "dojo/dom",
    "dojo/domReady!"
], function(_WidgetBase, _TemplatedMixin, _OnDijitClickMixin, declare, dom){
    var MyButton = declare([_WidgetBase, _TemplatedMixin, _OnDijitClickMixin], {
        templateString: "<span tabIndex=0 data-dojo-attach-event='ondijitclick: onClick'>click me</span>",
        onClick: function(evt){
            alert("Awesome!!");
        }
    });
    new MyButton({}, dom.byId("myButton"));
});
<div id="myButton">this will be replaced by the widget</div>