Referring to issue https://github.com/keithamus/jwerty/issues/19, returning an unbindable object creates enormous complexity in the client. We now have to internalize jwerty subscriptions in, say, an array or a dictionary.

The better approach would simply be this:

jwerty.unbind('tab', _context);

Internally, jwerty would handle the unbind.

I have written three keyboard navigators with the following class hierarchy:

KeyboardNavigator

KeyboardMatrixNavigator

KeyboardCalendarNavigator

In the matrix navigator, I simply wish to remap up and down to #prevRow and #nextRow, respectively. But I can't really do that without a whole lot of management machinery of the jwerty subscriptions.

In the #bindKeys method of KeyboardMatrixNavigator, where I override the #bindKeys method in KeyboardNavigator, I should simply be able to do this:

KeyboardNavigator.prototype.bindKeys.call(this);
jwerty.unbind('up', _context);
jwerty.key('up', ...)
jwerty.unbind('down', _context);
jwerty.key('down', ...)

Your thoughts?

Add support for the package manager http://twitter.github.io/bower/ it's like the standard for web components, It will be great and will give visibility to this project.

Example of problem:

For code:

$ = global.$ = global.jQuery = require('jquery')
jwerty = require('jwerty').jwerty

// ...

jwerty.fire('esc', $el)

I've got: "TypeError: Expecting a function in instanceof check, but got [object Object]".

When I put console output to this code:

(function (global, exports) {

    console.log('#######')
    console.log('Global:')
    console.log(global)
    console.log('jQuery:')
    console.log(global.jQuery)
    console.log('#######')

    // Helper methods & vars:
    var $d = global.document
    ,   $ = (global.jQuery || global.Zepto || global.ender || $d)
    ,   $$
    ,   $b
    ,   ke = 'keydown';

    // ...

Output:

#######
Global:
{}
jQuery:
undefined
#######

This happen because this != global in require:

$ node
> this === global
true

but

$ cat example.js                                                                                                                                                                                console.log(this === global)
$ node
> require('./example')
false

In browserify environment, jQuery/Zepto/Ender is not available in the context of the module. It need to be required. In node-webkit environment, the context (or global in the closure) is an empty object. To get the expected window object, global.window is provided.

is it possible to use + as the trigger key or not because it's a special glue character for jwerty commands?

Trying to do something like this ctrl+shift++

Hello!

Looking through your extended readme it looks like this should be possible but I'm having a hard time tracking down what I might be doing wrong

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
<script type='text/javascript' src='../lib/jwerty.js'></script>

<input id='q' name='q' />

<script>
    focus_input = function(){
      jQuery('#q').focus();
      return true;
    }

    alert_j = function(){
      alert('j');
      return true;
    }

    jwerty.key('i', focus_input);
    jwerty.key('j', alert_j);
    jwerty.key('j', false, '#q');
</script>

In this case I bind "i" to focus on that form input and "j" to alert the letter "j".

I expect that when the element is focused on #q, however, that the "j" key event will not fire as specified in the last line within the script tag.

Desired effect:

• hit i key => focus on #q form input
• hit j key => "j" shows up in input but no alert is triggered

Current (undesired) effect:

• hit i key => focus on #q form input
• hit j key => "j" shows up in input and alert is triggered

Looking forward to your thoughts!

Using the latest jwerty and jQuery 1.10.2

There is a bug with detecting some symbols such as parentheses and hyphens. For example i've got "½" instead of "-" or "9" and "0" instead of "(" and ")". But if with parentheses i can understand the logic (shift + 0 is opening bracket), then the logic of "½" is very confusing.

0 down vote favorite

I am uing your link for integrating keyboard short cuts.. It redirects to the given URL after pressing the key..

jwerty.key('f2', function () { window.location = document.getElementById('SaleLink').href; });

I am using following code to launch the bootstrap modal window :

[a href=PopUp.php?Id=1 data-toggle="modal" data-target="#myModal">Open</a]

$('#myModal').modal({ show: false});
$('#myModal').on('hidden', function () {
    console.log('modal is closed');
})
$("a[data-toggle=modal]").click(function (e) {
lv_target = $(this).attr('data-target');
lv_url = $(this).attr('href');
$(lv_target).load(lv_url);
}); 

It works fine when i click on the link...i am trying to add this code to launch the modal window when i press a key say f2 ...since it redirects directly to the given URL therefore the modal window is not opening....Can you please suggest any solution for this??

Hi, i'm using this pluggin, it's really good. I need to create and remove dynamic shortcuts, so i need an unbind function. I think it's a good idea to extend jwerty with this functionality. I have implemented a jwert.unbind function that unbinds all the events related to a key code. It works fine, but just for jquery.

If some want i can share the code. And if anyone has done a similar function I'd like to see it to compare with my code.

Thanks!

Hi,

I'm evaluating your library for keyboard navigation in my project. I really like the concept but I have some difficulties with number keys.

I want to bind numbers, from 0 to 9, so I started with this :

jwerty.key('[0-9]', function (e) {
    alert(e.which);
}); 

It didn't work for me because I have an azerty keyboard and I obtain '0' by pressing 'shift+0' (http://www.computerhope.com/help/azerty.gif). This leads to :

jwerty.key('shift+[0-9]', function (e) {
    alert(e.which);
}); 

Works great, but I don't care if the numbers come from the numpad or the left of the keyboard. I have to handle all of them the same way. So I tried this :

// does not work
jwerty.key('shift+[0-9],num-[0-9]', function (e) {
    alert(e.which);
});

// does not work
jwerty.key('shift+[0-9],num-0,num-1,num-2,num-3,...', function (e) {
    alert(e.which);
})

and finally this :

jwerty.key('shift+[0-9]', function (e) {
    alert(e.which);
});
jwerty.key('num-0', function (e) {
    alert(e.which);
});
jwerty.key('num-1', function (e) {
    alert(e.which);
});
.
.
.
jwerty.key('num-9', function (e) {
    alert(e.which);
});

The last code works, but is not as easy as promising :)

I think the more inuitive way of handling numbers would be the first solution : '[0-9]'. In my case, I don't need the distinction between numpad and normal keyboard (do some people really need that?).

What do you think?

Best regards Olivier

Hi,

I am trying to get a full screen mode. i.e firing f11 on body load.

I am using the below code

jwerty.fire('{122}');

//Below is the full code hope this will help you to run it..

I look forward to hear from you.

Thanks & Regards Ganesh K

I suddenly discovered that unbind functionality doesn't work.

My code looks like that:

var k = jwerty.key('↑/↓/←/→/pgdown/pgup/home/end', callback);
...
k.unbind(); // actually, k is undefined because jwerty.key returns nothing

I tried to google the issue, but nobody complains...

Hey ! I encounter an issue with your (great !) library. When i install jwerty using npm, it download me a file with :

(function (global, exports) {
...
}(this, ...));

This doesn't work with my project, because the global isn't set to window But when i'm looking to your source code, i see :

(function (global, exports) {
...
}(typeof global !== 'undefined' && global.window || this, ...));

which works well. Can you explain me why there is a difference between these two (same ?) files ? Thank you in advance =)

Tracks key press history and adds a keySequence object to the final event (which is already sent to triggered function). Useful when using multiple-choice or regex-like syntax. i.e. get the actual 3-digit code that triggered shift+;,[0-9],[0-9],[0-9]. keySequence is an object that contains an object per key press, and also a string representation called sequence using pipes to separate keys: shift+h|e|l|l|o|space|ctrl+w|o|r|l|d

example usage:

jwerty.key('ctrl+shift+;,[a-e],[f-j],[k-o]' , function() { 
  alert(this.event.keySequence.sequence); 
});

jwerty has tremendous potential because of regex support, which other libraries do not have. However its overall support for sequences is spotty, for example, (on Chrome 51/Windows at least) sequences which end in a modifier like a,b,shift+c do not trigger. Some regex edge cases are also unsupported: [a-z],[a-z],[a-z],enter will not be triggered by abcd-enter (I would expect bcd-enter to be the match). Still, the support it does have is great and along with ajax requests, allows for simple password-type sequences that can't be revealed with View Source. I really hope you'll revisit this library and finish 0.4. Thanks.

If I use a regex sequence or optional keys, like your example jwerty.key('ctrl+[0-9],f/h'), is there any way to see which keys were actually pressed? i.e. in this example, which number, and f or h? Thank you.

To reproduce the issue install jwerty with bower. bowert install jwerty

~~You can use -F key (force last version) to solve the issue. bowert install jwerty -F~~

I can solve the issue if I download zip and install from local folder. But then I have a warning about critical dependencies, as I use webpack.