Attraper mouseover sur des espaces dans un div

Question

Comment attraper l'événement mouseover sur des espaces (espaces entre les mots de texte) dans un div? Le div peut contenir aussi du HTML.

Answer 1

Une façon est d'envelopper les espaces blancs dans les éléments, par exemple:

<div>content here and whitespaces</div> 
<!-- wraping... --> 
<div>content<div class="whitespace"> </div>here<div class="whitespace"> </div>and<div class="whitespace"> </div>whitespaces</div> 

Ensuite, vous pouvez utiliser jQuery's live pour lier un événement.

$(".whitespace").live("mouseover", function(e){ 
    // This should do... 
});