Détection de frappes sans zone de texte?

Question

Je dois utiliser javascript pour faire des liens au lieu de plusieurs raisons sans importance, et je veux qu'il se comporte comme si je ne l'utilisais pas. Pas les effets c'est facile, mais je veux être en mesure de maintenir la touche Maj enfoncée en cliquant sur pour ouvrir une nouvelle fenêtre et pour l'ouvrir dans un nouvel onglet si elles sont maintenues ctrl. Comment ferais-je cela? En outre, il doit être compatible avec IE9.

[modifier] De plus, cela va être dans un iframe

Answer 1

Je suppose que vous voulez quelque chose comme ceci:

jsFiddle

http://jsfiddle.net/MXuVY/3/

JavaScript

var ctrlPressed = false; 
$('#link').click(function() { 
    var link = 'http://stackoverflow.com/'; 
    if (ctrlPressed) { 
     window.open(link,'_blank'); 
    } else { 
     window.location = link; 
    } 
    return false; 
}); 
$(document).keydown(function (e) { 
    if (e.keyCode === 17) { 
     ctrlPressed = true; 
    } 
}); 
$(document).keyup(function (e) { 
    if (e.keyCode === 17) { 
     ctrlPressed = false; 
    } 
}); 

HTML

<span id="link">Link to stackoverflow</span>​ 

Version sans jQuery

jsFiddle

http://jsfiddle.net/MXuVY/6/

JavaScript

function addEvent(el, eType, fn, uC) { 
    if (el.addEventListener) { 
     el.addEventListener(eType, fn, uC); 
     return true; 
    } else if (el.attachEvent) { 
     return el.attachEvent('on' + eType, fn); 
    } else { 
     el['on' + eType] = fn; 
    } 
} 

var ctrlPressed = false, 
    a = document.getElementById('link'), 
    link = 'http://stackoverflow.com/'; 

addEvent(a, 'click', function() { 
    if (ctrlPressed) { 
     window.open(link,'_blank'); 
    } else { 
     window.location = link; 
    } 
    return false; 
}); 
addEvent(document, 'keydown', function (e) { 
    if (e.keyCode === 17) { 
     ctrlPressed = true; 
    } 
}); 
addEvent(document, 'keyup', function (e) { 
    if (e.keyCode === 17) { 
     ctrlPressed = false; 
    } 
}); 

Answer 2

Bind un écouteur d'événement combinaison de touches à la fenêtre ou un document et utiliser sa fonction de rappel pour faire tout ce dont vous avez besoin.

Si vous utilisez jquery, il est un peu plus facile de faire un écouteur de frappe plus fiable, à mon humble avis. http://blog.cnizz.com/2008/10/27/javascript-key-listener/

Answer 3

Alors, voici ce que vous voulez: http://jsfiddle.net/DerekL/V8yzF/show

$("a").click(function(ev) { 
    if (ev.ctrlKey) {      //If ctrl 
     window.open(this.attr("href")); 
     retrun false; 
    } else if (ev.shiftKey) {   //If shift 
     window.open(this.attr("href"),"_blank", "width=400,height=300"); 
     retrun false; 
    } else {        //If nothing 
     //do nothing 
    } 
});​