Tastenanschläge ohne Textfelder erkennen?

Question

Ich muss JavaScript verwenden, um Links statt für mehrere unwichtige Gründe zu machen, und ich möchte für es so verhalten, obwohl ich es nicht verwende. Nicht die Auswirkungen sind so einfach, aber ich möchte in der Lage sein, die Verschiebung zu halten, während du klickst, um ein neues Fenster zu öffnen und es in einem neuen Tab zu öffnen, wenn sie Strg gedrückt halten. Wie würde ich das tun? Außerdem muss es mit IE9 kompatibel sein.

[Bearbeiten] Auch diese in einem Iframe sein wird

Answer 1

Ich denke, Sie so etwas wie dies wollen:

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 ohne 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 ein Keystroke-Ereignis-Listener-Fenster oder Dokument und verwenden Sie es Callback-Funktion ist zu tun, was Sie brauchen.

Wenn Sie jquery verwenden, ist es ein wenig einfacher, einen zuverlässigeren Tastenanschlag-Listener zu machen, imho. http://blog.cnizz.com/2008/10/27/javascript-key-listener/

Answer 3

Also, das ist, was Sie wollen: 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 
    } 
});​