disable arrow key on flowplayer scrollable

Question

i need to disable the arrow keys in a flowplayer.org scrollable i have a text input that i cant move between the letters due to the scroller moving when arrow keys pressed, i dont care to disable the scroller keys permanently.

thanks

link to scrollable

link to forum to disable keys

Answer 1

You need to assign your scrollable instance to a variable:

var yourScrollable = $(".yourScrollableClass").eq(1).data("scrollable");

And then disable the keyboard navigation (in your case, on focus on a text input):

$('.inputClass').focus(function() { yourScrollable.getConf().keyboard=false; });

Then you can set this back to true on blur of your text input.

$('.inputClass').blur(function() { yourScrollable.getConf().keyboard=true; });