selection automatique lors du focus d'un input

**healou** · 09/07/2012, 18h07

Bonjour à tous,

J'essaye d'effectuer une selection automatique lors du focus d'un input
Ceci fonctionne bien sur IE mais pas sur mozilla
Sur ce dernier, le select fonctionne une fois sur 2 :/

Quelqu'un aurait une solution?

Voici le code

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<script language="javascript" type="text/javascript">
	$(document).ready(function(){
		$('#test').focus(function(){
			$(this).select();
		})
	})
</script>
<body>
<input id="test" type="text" value="ca ne fonctionne pas 2 fois :/" />
<!--
<input id="test" type="text" value="ca ne fonctionne pas 2 fois :/" onfocus="select()" />
-->
</body>
</html>

Que ca soit dans un script ou directement dans la balise, le résultat est le même.

Merci d'avance

**Bovino** · 10/07/2012, 08h05

Répété un nombre incalculable de fois : Un id doit être unique dans la page !!!

D'autre part,

Code :

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

onfocus="select()"

une méthode s'applique à un objet ! Si tu ne précises pas l'objet auquel doit s'appliquer la méthode select(), alors c'est l'objet implicite window qui sera utilisé.

**healou** · 10/07/2012, 12h33

Ben il est unique, le 2ème est commenté, c'était juste un test

Voici le code sans le commentaire

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<script language="javascript" type="text/javascript">
	$(document).ready(function(){
		$('#test').focus(function(){
			$(this).select();
		})
	})
</script>
<body>
<input id="test" type="text" value="ca ne fonctionne pas 2 fois :/" />
 
</body>
</html>

puis je ne suis pas fan du javascript dans les balises ^^

Une idée sur ce bug?

**Bovino** · 10/07/2012, 12h45

select() n'a pas la même signification avec jQuery qu'avec du JavaScript natif...

Code :

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

1
2
3
$('#test').focus(function(){
	this.select();
});

**healou** · 10/07/2012, 13h27

Merci pour tes réponses

J'ai essayé en remplacant le $(this). par this. comme tu me l'a dit, mais le problème persiste :/

selection automatique lors du focus d'un input

jQuery

Vue hybride

Discussions similaires

Partager

Partager