Action lors de la saisie dans un champ

Bonjour,

Ma question est toute simple et certainement toute bete, mais je ne connais pas le moyen en jQuery pour effectuer une action à chaque fois qu'un utilisateur saisie une lettre dans un champ texte.

Par exemple, les différents pluggins d'autocompletion. Je ne vois pas comment ils font.

Merci pour votre coup de pouce

Maël

Bonsoir.

Exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8"/>
	<meta name="Author" content="Daniel Hagnoul" />
	<title>Page type</title>
	<style>
		body {
			background-color:#dcdcdc;
			color:#000000;
			font-family:sans-serif;
			font-size:medium;
			font-style:normal;
			font-weight:normal;
			line-height:normal;
			letter-spacing:normal;
		}
		h1,h2,h3,h4,h5 {
			font-family:serif;
		}
		div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {
			margin:0px;
			padding:0px;
		}
		p {
			padding:6px;
		}
		ul,ol,dl {
			list-style:none;
			padding-left:6px;
			padding-top:6px;
		}
		li {
			padding-bottom:6px;
		}
		div#conteneur {
			width:95%;
			margin:12px auto;
			padding:6px;
			background-color:#FFFFFF;
			color:#000000;
			border:1px solid #666666;
			font-size:0.8em;
		}
		div#affiche {
			margin:12px;
			border:1px solid #999999;
			background-color:#FFFFFF;
			color:#000000;
		}
 
		/* TEST */
		div#frappeID {
			margin:12px;
			border:1px solid #999999;
			background-color:#FFFFFF;
			color:#000000;
		}
	</style>
	<script charset="CP-1252" src="../lib/jquery-1.4.1.min.js"></script>
	<script>
		$(function(){
			$("#inputID").keyup(function(){
				$("#frappeID").html($(this).val());
			});
 
			$("#inputID").change(function(){
				$("#affiche").append("<p>Nouveau texte = " + $(this).val() + "</p>");
			});
		});
	</script>
</head>
<body>
	<div id="conteneur">
 
		<form>
			<input id="inputID" type="text" value="Bonjour"/>
			<input type="text"/>
		</form>
		<div id="frappeID"></div>
		<div id="affiche"></div>
	</div>
</body>
</html>

Super, je n'ai pas testé, mais je comprend bien le code. Je ferme ce post

Merci pour la réponse rapide.
Cordialement

Maël