[vc_row][vc_column][vc_empty_space height=”50px”][vc_column_text]

[/vc_column_text][/vc_column][/vc_row][vc_row type=”color” bg_color=”#e8e8e8″ vertical_align=”yes” column_gap=”no” padding_top=”” margin_top=”0″ margin_bottom=”0″ min_height=”220″][vc_column][vc_empty_space height=”50px”][vc_column_text css=”.vc_custom_1447771504976{margin-bottom: -10px !important;}”]

Trigger an action at the click of a button on the keyboard

[/vc_column_text][vc_column_text css=”.vc_custom_1447771539002{margin-right: 5% !important;}”]

This script will allow you to bind keys to actions on your media.

[/vc_column_text][/vc_column][/vc_row][vc_row padding_top=””][vc_column width=”5/6″][vc_single_image image=”123″ img_size=”full” alignment=”center”][vc_empty_space height=”10px”][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text]You will need an ID element and an ID for key of keyboard.

You can find the ID of keyboard keys here.

It?s thanks to this script than you will be able to bind a key:

$(document).keyup(function(e) {
if (e.keyCode == 40) { $(?#1355?).trigger(?click?); }
});

Associate the id of the desired keyboard key in the RED part and the ID of your Racontr element (cf: the basics of Racontr code) in the BLUE part.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_column_text]To configure multiple keys, integrate new lines as in this example:

$(document).keyup(function(e) {
if (e.keyCode == 40) { $(?#1355?).trigger(?click?); }

if (e.keyCode == 41) { $(?#1433?).trigger(?click?); }

if (e.keyCode == 43) { $(?#1822?).trigger(?click?); }

if (e.keyCode == 44) { $(?#1728?).trigger(?click?); }
});

Copy your code in javascript editor tab.

And voila, now switch to preview mode!

We are waiting you on the forum for speak about this ?pimp my Racontr? ![/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/6″][vc_empty_space height=”50px”][vc_widget_sidebar sidebar_id=”sidebar-1″][/vc_column][/vc_row][vc_row padding_top=”0″ padding_bottom=”0″][vc_column][vc_empty_space][vc_single_image image=”132″ img_size=”full” alignment=”center”][/vc_column][/vc_row][vc_row type=”color” bg_color=”#e8e8e8″ vertical_align=”yes” column_gap=”no” padding_top=”” margin_top=”0″ margin_bottom=”0″ min_height=”220″][vc_column width=”1/3″][vc_empty_space][vc_column_text]

More
tutorials:

[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_empty_space height=”65px”][vc_column_text]

[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_empty_space height=”65px”][vc_column_text]

[/vc_column_text][/vc_column][/vc_row]