/ / exécuter les fonctionnalités d'un bouton - javascript, jquery, html

exécuter les fonctionnalités d'un bouton - javascript, jquery, html

J'ai un bouton en HTML et je veux lui fournir une touche de raccourci, qui devrait exécuter la fonctionnalité comme lorsque le bouton clique sur ce qui se passe.

Est-il possible de faire quelque chose comme ça en utilisant JavaScript ou jQuery.

Réponses:

3 pour la réponse № 1

Vous pouvez le faire en utilisant du HTML simple: accesskey="x". Ensuite, vous pouvez utiliser alt+X (selon le navigateur, si c'est " alt ou autre chose)


0 pour la réponse № 2

Non testé:

$("body").keypress(function(event) {
if ( event.which == 13 ) { // put your own key code here
event.preventDefault();
$("#yourbutton").click();
}
});

0 pour la réponse № 3

C'est assez simple avec jQuery. Pour déclencher un bouton:

$("#my-button").trigger("click");

Pour surveiller la pression des touches:

$(window).keypress(function (event) {
if (event.which === 13) { // key codes here: http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes
event.preventDefault();
$("#my-button").trigger("click");
}
});

Maintenant, si vous souhaitez utiliser la touche Ctrl ou similaire, vous utilisez

    if (event.which === 13 && event.ctrlKey)

et similaire avec event.altKey, event.shiftKey.


0 pour la réponse № 4
$(document).on("keypress", function (e) {
if (e.keyCode === youreKeyCodeHere) {
// if (e.keyCode === youreKeyCodeHere && e.shiftKey === ture) { // shift + keyCode
// if (e.keyCode === youreKeyCodeHere && e.altKey === ture) { // alt + keyCode
// if (e.keyCode === youreKeyCodeHere && e.ctrlKey === ture) { // ctrl + keyCode
$("youreElement").trigger("click");
}
});

youreKeyCode peut être l'un des suivants codes char javascript , si vous avez besoin d'un raccourci (alt, shift, ctrl ...), utilisez les if commentés. youreElement est l'élément qui contient l'événement de clic que vous souhaitez déclencher.