123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365 |
- var Locale = require('./locale');
- var KeyCombo = require('./key-combo');
- function Keyboard(targetWindow, targetElement, platform, userAgent) {
- this._locale = null;
- this._currentContext = null;
- this._contexts = {};
- this._listeners = [];
- this._appliedListeners = [];
- this._locales = {};
- this._targetElement = null;
- this._targetWindow = null;
- this._targetPlatform = '';
- this._targetUserAgent = '';
- this._isModernBrowser = false;
- this._targetKeyDownBinding = null;
- this._targetKeyUpBinding = null;
- this._targetResetBinding = null;
- this._paused = false;
- this.setContext('global');
- this.watch(targetWindow, targetElement, platform, userAgent);
- }
- Keyboard.prototype.setLocale = function(localeName, localeBuilder) {
- var locale = null;
- if (typeof localeName === 'string') {
- if (localeBuilder) {
- locale = new Locale(localeName);
- localeBuilder(locale, this._targetPlatform, this._targetUserAgent);
- } else {
- locale = this._locales[localeName] || null;
- }
- } else {
- locale = localeName;
- localeName = locale._localeName;
- }
- this._locale = locale;
- this._locales[localeName] = locale;
- if (locale) {
- this._locale.pressedKeys = locale.pressedKeys;
- }
- };
- Keyboard.prototype.getLocale = function(localName) {
- localName || (localName = this._locale.localeName);
- return this._locales[localName] || null;
- };
- Keyboard.prototype.bind = function(keyComboStr, pressHandler, releaseHandler, preventRepeatByDefault) {
- if (keyComboStr === null || typeof keyComboStr === 'function') {
- preventRepeatByDefault = releaseHandler;
- releaseHandler = pressHandler;
- pressHandler = keyComboStr;
- keyComboStr = null;
- }
- if (
- keyComboStr &&
- typeof keyComboStr === 'object' &&
- typeof keyComboStr.length === 'number'
- ) {
- for (var i = 0; i < keyComboStr.length; i += 1) {
- this.bind(keyComboStr[i], pressHandler, releaseHandler);
- }
- return;
- }
- this._listeners.push({
- keyCombo : keyComboStr ? new KeyCombo(keyComboStr) : null,
- pressHandler : pressHandler || null,
- releaseHandler : releaseHandler || null,
- preventRepeat : preventRepeatByDefault || false,
- preventRepeatByDefault : preventRepeatByDefault || false
- });
- };
- Keyboard.prototype.addListener = Keyboard.prototype.bind;
- Keyboard.prototype.on = Keyboard.prototype.bind;
- Keyboard.prototype.unbind = function(keyComboStr, pressHandler, releaseHandler) {
- if (keyComboStr === null || typeof keyComboStr === 'function') {
- releaseHandler = pressHandler;
- pressHandler = keyComboStr;
- keyComboStr = null;
- }
- if (
- keyComboStr &&
- typeof keyComboStr === 'object' &&
- typeof keyComboStr.length === 'number'
- ) {
- for (var i = 0; i < keyComboStr.length; i += 1) {
- this.unbind(keyComboStr[i], pressHandler, releaseHandler);
- }
- return;
- }
- for (var i = 0; i < this._listeners.length; i += 1) {
- var listener = this._listeners[i];
- var comboMatches = !keyComboStr && !listener.keyCombo ||
- listener.keyCombo && listener.keyCombo.isEqual(keyComboStr);
- var pressHandlerMatches = !pressHandler && !releaseHandler ||
- !pressHandler && !listener.pressHandler ||
- pressHandler === listener.pressHandler;
- var releaseHandlerMatches = !pressHandler && !releaseHandler ||
- !releaseHandler && !listener.releaseHandler ||
- releaseHandler === listener.releaseHandler;
- if (comboMatches && pressHandlerMatches && releaseHandlerMatches) {
- this._listeners.splice(i, 1);
- i -= 1;
- }
- }
- };
- Keyboard.prototype.removeListener = Keyboard.prototype.unbind;
- Keyboard.prototype.off = Keyboard.prototype.unbind;
- Keyboard.prototype.setContext = function(contextName) {
- if(this._locale) { this.releaseAllKeys(); }
- if (!this._contexts[contextName]) {
- this._contexts[contextName] = [];
- }
- this._listeners = this._contexts[contextName];
- this._currentContext = contextName;
- };
- Keyboard.prototype.getContext = function() {
- return this._currentContext;
- };
- Keyboard.prototype.withContext = function(contextName, callback) {
- var previousContextName = this.getContext();
- this.setContext(contextName);
- callback();
- this.setContext(previousContextName);
- };
- Keyboard.prototype.watch = function(targetWindow, targetElement, targetPlatform, targetUserAgent) {
- var _this = this;
- this.stop();
- if (!targetWindow) {
- if (!global.addEventListener && !global.attachEvent) {
- throw new Error('Cannot find global functions addEventListener or attachEvent.');
- }
- targetWindow = global;
- }
- if (typeof targetWindow.nodeType === 'number') {
- targetUserAgent = targetPlatform;
- targetPlatform = targetElement;
- targetElement = targetWindow;
- targetWindow = global;
- }
- if (!targetWindow.addEventListener && !targetWindow.attachEvent) {
- throw new Error('Cannot find addEventListener or attachEvent methods on targetWindow.');
- }
- this._isModernBrowser = !!targetWindow.addEventListener;
- var userAgent = targetWindow.navigator && targetWindow.navigator.userAgent || '';
- var platform = targetWindow.navigator && targetWindow.navigator.platform || '';
- targetElement && targetElement !== null || (targetElement = targetWindow.document);
- targetPlatform && targetPlatform !== null || (targetPlatform = platform);
- targetUserAgent && targetUserAgent !== null || (targetUserAgent = userAgent);
- this._targetKeyDownBinding = function(event) {
- _this.pressKey(event.keyCode, event);
- };
- this._targetKeyUpBinding = function(event) {
- _this.releaseKey(event.keyCode, event);
- };
- this._targetResetBinding = function(event) {
- _this.releaseAllKeys(event)
- };
- this._bindEvent(targetElement, 'keydown', this._targetKeyDownBinding);
- this._bindEvent(targetElement, 'keyup', this._targetKeyUpBinding);
- this._bindEvent(targetWindow, 'focus', this._targetResetBinding);
- this._bindEvent(targetWindow, 'blur', this._targetResetBinding);
- this._targetElement = targetElement;
- this._targetWindow = targetWindow;
- this._targetPlatform = targetPlatform;
- this._targetUserAgent = targetUserAgent;
- };
- Keyboard.prototype.stop = function() {
- var _this = this;
- if (!this._targetElement || !this._targetWindow) { return; }
- this._unbindEvent(this._targetElement, 'keydown', this._targetKeyDownBinding);
- this._unbindEvent(this._targetElement, 'keyup', this._targetKeyUpBinding);
- this._unbindEvent(this._targetWindow, 'focus', this._targetResetBinding);
- this._unbindEvent(this._targetWindow, 'blur', this._targetResetBinding);
- this._targetWindow = null;
- this._targetElement = null;
- };
- Keyboard.prototype.pressKey = function(keyCode, event) {
- if (this._paused) { return; }
- if (!this._locale) { throw new Error('Locale not set'); }
- this._locale.pressKey(keyCode);
- this._applyBindings(event);
- };
- Keyboard.prototype.releaseKey = function(keyCode, event) {
- if (this._paused) { return; }
- if (!this._locale) { throw new Error('Locale not set'); }
- this._locale.releaseKey(keyCode);
- this._clearBindings(event);
- };
- Keyboard.prototype.releaseAllKeys = function(event) {
- if (this._paused) { return; }
- if (!this._locale) { throw new Error('Locale not set'); }
- this._locale.pressedKeys.length = 0;
- this._clearBindings(event);
- };
- Keyboard.prototype.pause = function() {
- if (this._paused) { return; }
- if (this._locale) { this.releaseAllKeys(); }
- this._paused = true;
- };
- Keyboard.prototype.resume = function() {
- this._paused = false;
- };
- Keyboard.prototype.reset = function() {
- this.releaseAllKeys();
- this._listeners.length = 0;
- };
- Keyboard.prototype._bindEvent = function(targetElement, eventName, handler) {
- return this._isModernBrowser ?
- targetElement.addEventListener(eventName, handler, false) :
- targetElement.attachEvent('on' + eventName, handler);
- };
- Keyboard.prototype._unbindEvent = function(targetElement, eventName, handler) {
- return this._isModernBrowser ?
- targetElement.removeEventListener(eventName, handler, false) :
- targetElement.detachEvent('on' + eventName, handler);
- };
- Keyboard.prototype._getGroupedListeners = function() {
- var listenerGroups = [];
- var listenerGroupMap = [];
- var listeners = this._listeners;
- if (this._currentContext !== 'global') {
- listeners = [].concat(listeners, this._contexts.global);
- }
- listeners.sort(function(a, b) {
- return (b.keyCombo ? b.keyCombo.keyNames.length : 0) - (a.keyCombo ? a.keyCombo.keyNames.length : 0);
- }).forEach(function(l) {
- var mapIndex = -1;
- for (var i = 0; i < listenerGroupMap.length; i += 1) {
- if (listenerGroupMap[i] === null && l.keyCombo === null ||
- listenerGroupMap[i] !== null && listenerGroupMap[i].isEqual(l.keyCombo)) {
- mapIndex = i;
- }
- }
- if (mapIndex === -1) {
- mapIndex = listenerGroupMap.length;
- listenerGroupMap.push(l.keyCombo);
- }
- if (!listenerGroups[mapIndex]) {
- listenerGroups[mapIndex] = [];
- }
- listenerGroups[mapIndex].push(l);
- });
- return listenerGroups;
- };
- Keyboard.prototype._applyBindings = function(event) {
- var preventRepeat = false;
- event || (event = {});
- event.preventRepeat = function() { preventRepeat = true; };
- event.pressedKeys = this._locale.pressedKeys.slice(0);
- var pressedKeys = this._locale.pressedKeys.slice(0);
- var listenerGroups = this._getGroupedListeners();
- for (var i = 0; i < listenerGroups.length; i += 1) {
- var listeners = listenerGroups[i];
- var keyCombo = listeners[0].keyCombo;
- if (keyCombo === null || keyCombo.check(pressedKeys)) {
- for (var j = 0; j < listeners.length; j += 1) {
- var listener = listeners[j];
- if (keyCombo === null) {
- listener = {
- keyCombo : new KeyCombo(pressedKeys.join('+')),
- pressHandler : listener.pressHandler,
- releaseHandler : listener.releaseHandler,
- preventRepeat : listener.preventRepeat,
- preventRepeatByDefault : listener.preventRepeatByDefault
- };
- }
- if (listener.pressHandler && !listener.preventRepeat) {
- listener.pressHandler.call(this, event);
- if (preventRepeat) {
- listener.preventRepeat = preventRepeat;
- preventRepeat = false;
- }
- }
- if (listener.releaseHandler && this._appliedListeners.indexOf(listener) === -1) {
- this._appliedListeners.push(listener);
- }
- }
- if (keyCombo) {
- for (var j = 0; j < keyCombo.keyNames.length; j += 1) {
- var index = pressedKeys.indexOf(keyCombo.keyNames[j]);
- if (index !== -1) {
- pressedKeys.splice(index, 1);
- j -= 1;
- }
- }
- }
- }
- }
- };
- Keyboard.prototype._clearBindings = function(event) {
- event || (event = {});
- for (var i = 0; i < this._appliedListeners.length; i += 1) {
- var listener = this._appliedListeners[i];
- var keyCombo = listener.keyCombo;
- if (keyCombo === null || !keyCombo.check(this._locale.pressedKeys)) {
- listener.preventRepeat = listener.preventRepeatByDefault;
- listener.releaseHandler.call(this, event);
- this._appliedListeners.splice(i, 1);
- i -= 1;
- }
- }
- };
- module.exports = Keyboard;
|