Discussion :

[Fredy007]

Bonjour tout le monde,

Je veux mettre en place une fonction jQuery qui utilise event dans la fonction, afin de détecter la clé utilisée, voici une portion de code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
$('#textbox').keypress(function(event){
 
	var keycode = (event.keyCode ? event.keyCode : event.which);
	if(keycode == '13'){
		alert('You pressed a "enter" key in textbox');
	}
 return false;
});

Y-a t il un moyen de la mettre sous form de fonction, par exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
function avoidEnter(){
 
	var keycode = (event.keyCode ? event.keyCode : event.which);
	if(keycode == '13'){
		alert('You pressed a "enter" key in textbox');
	}
	return false;
}

Que je peux utiliser après:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
 
$('#textbox').keypress(function(){
 
	avoidEnter();
 
});

Merci a vous

[danielhagnoul]

$( "#textbox" ).on( "keypress", avoidEnter );.

[Toufik83]

bonjour,
tu peux aussi créer un paramètre dans la fonction avoidEnter(paramètre) comme suite :

Code jQuery :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function avoidEnter(Evenement) {
  var keycode = (Evenement.keyCode ? Evenement.keyCode : Evenement.which);
  if (keycode == 13) {//==13 et pas =='13'
    alert('You pressed a "enter" key in textbox');
  }
}
 
$(function() {
  $('#textbox').keypress(function(event) {
    avoidEnter(event);
 
  });
 
});

[danielhagnoul]

@Toufik83 : le paramètre "event" est toujours passé automatiquement à l'handler (ici, avoidEnter).

[Fredy007]

@danielhagnoul:

Malheureusement votre code ne marchait pas:

https://jsfiddle.net/aburayane/wus9be46/


@Toufik83: Aussi le votre

https://jsfiddle.net/aburayane/wus9be46/2/

[NoSmoking]

Bonjour,

Malheureusement votre code ne marchait pas:

NON c'est TON code qui est incorrect

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<textarea cols="30" rows="3" id="txt" id="textbox" class="noEnter         noSpace     class3 class4 noCopy chkField"></textarea>

il te faut choisir ton ID !

[Fredy007]

Désolé, j'ai oublié de le retirer: DEMO

Code final:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
 
 
<textarea cols="30" rows="3" id="textbox" class="noEnter         noSpace     class3 class4 noCopy chkField"></textarea>
<div class="wrap"></div>
 
 
 
function avoidEnter(Evenement) {
  var keycode = (Evenement.keyCode ? Evenement.keyCode : Evenement.which);
  //console.log(keycode);
  if (keycode == 13) {//==13 et pas =='13'
    console.log('You pressed a "enter" key in textbox');
    Evenement.preventDefault();
  }
}
 
  $('#textbox').on('keypress', function(event){
    avoidEnter(event);
    var value = $(this).val();
    $('.wrap').html(value).show();
 
  });

Merci à vous