Est-il un moyen de capture/remplacer Ctrl-R ou F5 sur IE à l'aide de Javascript?

Il n'y a pas de manière solide pour remplacer la fonction des touches dans les navigateurs.

Internet Explorer a certaines touches qui ne peuvent pas être remplacés, et certaines touches qui, même lorsque remplacé - encore exécute comportement par défaut--comme la touche F11, qui passe en mode plein écran, et la touche F1 qui ouvre une fenêtre.

Chrome ne vous autorise pas à utiliser des manifestations à tous.

FireFox est le plus favorable, mais encore peu précises-comme Internet Explorer; il y a encore quelques touches et du comportement par défaut, vous ne pouvez pas ignorer.

Et enfin.. Opéra.. Qui est à peu près aussi difficile que Internet Explorer.

Et le comportement par défaut est différent d'une version à l'autre. C'est comme marcher dans une mine de champ.. les yeux Bandés.. 🙂

Essayer de remplacer CTRL+R /F5 sent la mauvaise conception.

Quel problème essayez-vous de résoudre?

OriginalL'auteur cllpse

YUI a un gestionnaire de touches qui fonctionnent sur tous les navigateurs

http://developer.yahoo.com/yui/examples/container/keylistener.html

Je pense que le problème avec le code ci-dessus est que IE ne passe pas le cas pour la fonction. Elle le met dans une variable globale appelée fenêtre.de l'événement.

Je vous propose d'essayer le YUI clé à l'écoute, il sera assez propre solution et vous n'avez pas besoin d'utiliser l'ensemble de la bibliothèque, juste les pièces dont vous avez besoin.

OriginalL'auteur Zoidberg

pour f11 sur IE
ajouter checkkey sur onkeydown événement pour le corps (onkeydown='return checkKey(event)' )

function checkKey(e) {
 var alt =  e.altKey;
 var key = e.keyCode;
 var type = e.srcElement.type;
 ctrl = event.ctrlKey

 if ( alt || ((key == 8)&&(type != "text" && type != "textarea" && type != "password")) || (ctrl&&(key == 82)) || (key == 122) ) {
     event.keyCode = 0;
     e.keyCode = 0;
  event.returnValue = false;
                return false;
            }

        return true;
}

OriginalL'auteur max

J'ai réussi à résoudre un problème similaire à ce juste à l'aide de JavaScript de base seulement. Le code est divisé en deux parties, la définition et la mise en œuvre, mais les pièces peuvent être fusionnées si c'est nécessaire.

Définition

/**
* addKeyActions takes an array of objects that looks like this:
* 
* {
*  keyCodes: [120], //F9
*  modifiers: ['ctrlKey', 'shiftKey', 'altKey', 'altGraphKey', 'metaKey'], //Only legal modifiers
*  callback: function(event){};
* }
* 
* A good resource to find the keycodes you are looking for is:
* http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes
* 
* However, there are more keycodes than written on this page, so if you can't find what you are looking for, 
* I have provided a function that you can call to display the keycode for the current button pressed - alertKeyCodes
* 
* 
* @Version 1.01
*/
/*
* --HOW TO USE--
* 
var allModifiersKeys = {
keyCodes: [120, 121], //F9, F10
modifiers: ['ctrlKey', 'shiftKey', 'altKey'],
callback: function(event){alert("All modifiers pressed + Function-button!");}
};
var altKeys = {
keyCodes: [122, 123], //F11, F12
modifiers: ['altKey'],
callback: function(event){alert("ALT pressed + Function-button!");}
};
var shiftCtrlKeys = {
keyCodes: [116, 117], //F5, F6
modifiers: ['ctrlKey', 'shiftKey'],
callback: function(event){alert("CTRL+SHIFT+Function-button pressed!");}
};
var noModifierKeys = {
keyCodes: [118, 119], //F7, F8
callback: function(event){preventDefaultEventPropagation(); alert("Function-button!");} //Do not forget to also declare the preventDefaultEventPropagation-function 
//that is listed below for this example to work
};
addKeyActions([allModifiersKeys, altKeys, shiftCtrlKeys, noModifierKeys]);
*/
function addKeyActions(key){
document.onkeydown = function(){
var matchingKeyCode = findMatchingKeyCode();
var match = matchModifiers(matchingKeyCode);
if(match){
matchingKeyCode.callback(event);
}
};
function findMatchingKeyCode(){
var eventKeyCode = event.keyCode || event.which || event.charCode;
var returnVal;
for(var i=0; i<key.length; i++){
var tempKey = key[i];
var containsKeyCode = isValueInArray(eventKeyCode, tempKey.keyCodes);
if(containsKeyCode){
returnVal = tempKey;
}
}
return returnVal;
}
function isValueInArray(value, array){
var hasValue = false;
for(var i=0; i < array.length; i++){
var tempValue = array[i];
if(tempValue === value){
hasValue = true;
}
}
return hasValue;
}
function matchModifiers(key){
var match = false;
if(key != undefined){
match = true;
if(key.modifiers instanceof Array){
for(var i=0; i<key.modifiers.length; i++){
var modifier = key.modifiers[i];
match = match && event[modifier];   
}
}
}
return match;
}
}
/**
* Useful callbacks/functions are listed below 
*/
function preventDefaultEventPropagation(){
if(event.cancelBubble) event.cancelBubble = true;
if(event.stopPropagation) event.stopPropagation();
if(event.preventDefault) event.preventDefault();
event.returnValue = false;
event.keyCode = 0;
return false;
}
/**
* Useful methods during developement 
*/
function alertKeyCodes(){
document.onkeydown = function(){
alert(event.keyCode || event.which || event.charCode);
if(event.cancelBubble) event.cancelBubble = true;
if(event.stopPropagation) event.stopPropagation();
if(event.preventDefault) event.preventDefault();
event.returnValue = false;
event.keyCode = 0;
return false;
};
}

Mise en œuvre

$(document).ready(function() {
var SingleKeys = {
keyCodes: [114, 116, 121, 122], //F3, F5, F10, F11
callback: function(event){return preventDefaultEventPropagation();}
};
var BackspaceKeys = {
keyCodes: [8], //Backspace
callback: function(event){
var sourceOfEvent = event.target || event.srcElement;
if(sourceOfEvent.tagName == "BODY"){
return preventDefaultEventPropagation();
}
}
};
var EnterKeys = {
keyCodes: [13], //Enter
callback: function(event){
var sourceOfEvent = event.target || event.srcElement;
if(sourceOfEvent.tagName == "BODY"){
return preventDefaultEventPropagation();
}
if(sourceOfEvent.tagName == "INPUT" && sourceOfEvent.type == "text"){
return preventDefaultEventPropagation();
}
}
};
var AltKeys = {
keyCodes: [36, 37, 39], //Home, Left, Right
modifiers: ['altKey'],
callback: function(event){return preventDefaultEventPropagation();}
};
var CtrlKeys = {
keyCodes: [66, 68, 69, 72, 73, 76, 78, 79, 82], //B, D, E, H, I, L, N, O, R
modifiers: ['ctrlKey'],
callback: function(event){return preventDefaultEventPropagation();}
};
addKeyActions([SingleKeys, BackspaceKeys, EnterKeys, AltKeys,CtrlKeys]);
}); 

Il suffit d'ajouter le code que vous souhaitez intercepter et de modifier la fonction de rappel en conséquence

OriginalL'auteur Wheelchair Geek