jQuery

**ebola** · 30/06/2011, 17h25

Bonjour à tous,

Je me permet de demander votre aide pour une broutille qui me bloque et m’empêche d'avancer dans mon travail. Je pense qu'il y a une solution toute bête mais je n'arrive pas à la trouver.

J'ai besoin de déterminer le nom de l'id ou de la class CSS de l’élément sur lequel passe le curseur de la souris au format textuel.

Pour ce faire, j'utilise mousemove qui est censé me retourner ce genre d'infos :

Code :

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

1
2
3
4
5
6
 
$(document).mousemove(function(e){
 
	sDiv = e.currentTarget;
 
});

Si j'ai bien compris, ma variable sDiv contient en temps réel sous forme d'object la balise HTML de l’élément que pointe la souris.

Comment à partir de ça, puis-je obtenir l'id css, la class css et la balise de cet élément ?

Comment en gros en exploitant l'object obtenu avoir au format texte ces 3 infos ?

Merci beaucoup,

Romain

**Bovino** · 30/06/2011, 20h29

Code :

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

1
2
3
4
5
$(document).mousemove(function(e){
 
	sDiv = e.currentTarget;
	alert(sDiv.id+' - '+sDiv.className+' - '+sDiv.tagName);
});

**SpaceFrog** · 30/06/2011, 21h14

en me penchant sur un autre post je suis tombé sur un truc que je ne comprends pas ??

la recursivite de children ...

Si l'on regarde le code suivant :

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
<script type='text/javascript'>
$(function(){
	$('body').find('*').each(function() {$(this).mousemove(function(){
 													$("#res").val(($(this).attr('id'))?$(this).attr('id'):'??') ;
 													});
 
 											}).css({border:'solid 1px red'})
})
	</script>
</head>
 
<body>
 
<ul>
 <li id="un">lkjlkjhjkh</li>
 <li id="deux">lkjlkjhjkh</li>
 <li id="trois">lkjlkjhjkh</li>
 <li id="quatre">lkjlkjhjkh</li>
</ul>   
<input id="res" type="text" value="" />
<div id="foo">lkjklj
<span id="bar">ljkhlkjhlkj</span>
</div>
</body>
 
</html>

le style s'applique bein à tous les enfants en profondeur, mais pas la fonction ???

**Bovino** · 30/06/2011, 21h43

Il faut stopper la propagation Spaffy

Code :

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

1
2
3
4
5
6
7
8
$(function(){
	$('body').find('*').each(function() {$(this).mousemove(function(e){
		$("#res").val(($(this).attr('id'))?$(this).attr('id'):'??') ;
		e.stopPropagation();
		});
 
 	}).css({border:'solid 1px red'})
});

fonctionne correctement.

@ebola : au fait, dans ton cas, c'est target et non currentTarget qu'il faut utiliser

Code :

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

1
2
3
4
5
$(document).mousemove(function(e){
 
	sDiv = e.target;
	alert(sDiv.id+' - '+sDiv.className+' - '+sDiv.tagName);
});

**SpaceFrog** · 30/06/2011, 22h09

arf triple buze que je suis ... !!
j'y ai bien pensé à la propagation, mais ça s'est traduit sous mes doigts sur le clavier par un preventDefault

merci Beef

**ebola** · 01/07/2011, 00h02

Merci beaucoup pour votre aide !

J'ai exactement la réponse a ma question et le target en prime. C'est super.

jQuery - Nom d'un Objet HTML

Discussions similaires

Partager

Partager