Bonjour,

J'ai un petit soucis en javascript. J'ai fait une petite page qui résume le problème.

Dans cette page j'ai :
- un input textbox
- un texte contenu dans un simple div

Je souhaiterais que lorsque j'ai le focus dans l'input, un click sur le div ne me le fasse pas perdre. Ca marche parfaitement sous Firefox, j'annule l'event onmousedown du div par un simple return false et le blur ne se produit pas sur le input.

Mais sous IE ca ne marche pas Il fait tout de même un blur après le onmousedown.
Si quelqu'un pouvait me dire pourquoi ....

Merci d'avance.

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<html>
 
	<head>
		<title>JS onBlur</title>
	</head>
 
	<body>
 
		<form action="#" method="post">
 
			<div><input id="input" type="text" value=""/></div>
			<div id="click">click here!</div>
			<div id="debug"></div>
 
			<script type="text/javascript">
			<!--
 
			var input = document.getElementById('input');
			var click = document.getElementById('click');
 
			click.onmousedown = function ()
			{
				debug.innerHTML += ' click';
				return false;
			}
 
			input.onblur = function ()
			{
				debug.innerHTML += ' blur';
			}			
 
			-->
			</script>
 
		</form>
 
	</body>
 
</html>