悬停事件泡沫吗?

时间:2011-07-12 08:50:48

标签: jquery click hover delegation event-bubbling

我的父DIV会有很多可点击的孩子,所以使用事件委托我试图捕捉父DIV上的儿童点击和悬停事件,因为它们冒出来了。

现在点击事件很好,但我似乎无法捕捉悬停事件。谁知道为什么?

请不要告诉我悬停事件不会冒泡:)

HTML:

<div id="theParent">

    <a href="#">Clicked 1</a>
    <a href="#">Clicked 2</a>
    <a href="#">Clicked 3</a>
    <a href="#">Clicked 4</a>
    <a href="#">Clicked 5</a>

</div>

jQuery的:

$('#theParent').click(captureEvent).hover(captureEvent,captureEvent);

var captureEvent = function(e){

    console.log(e.target);

};

1 个答案:

答案 0 :(得分:0)

在使用之前尝试定义captureEvent - 似乎有效:http://jsfiddle.net/rEzSd/1/。但是,如果#theParent的所有空格都被链接占用,则悬停的目标将成为链接。为了清楚起见,我添加了一些填充。