在div中的空白处捕捉鼠标悬停

Question

如何在div中的空格（文本字之间的空格）上捕获鼠标悬停事件？ div也可以包含h​​tml。

Answer 1

一种方法是将空格包装在元素中，例如：

<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>

然后您可以使用jQuery's live绑定事件。

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