0

あなたの選択を強調したい理由<div>は、効果が多くのタイプの要素にある必要があるからです。

私がしたいことは、ハイライト div がマウス イベントによって完全に無視されることです。

私が知る限り、これを行う唯一の方法は、を使用することtrigger()です。

$('#hover').mouseenter(function(){
    // that refers to the element below it.
    $(that).trigger('mouseenter');
});

ただし、ホバー ハイライト div 自体は、mouseenter によってもアクティブになります。

$('.item').bind('mouseenter.hover', function() {
    hoverEffect(this);      
})

ここにjsfiddleがあります。

mouseenter.hover以外のすべての mouseenter イベントをトリガーするにはどうすればよいですか?

または、すべてのマウス イベントで完全に無視されるdiv を作成するにはどうすればよいですか? そのため、その下のものを聞くだけです。

お時間をいただきありがとうございます。

4

1 に答える 1

1

Pointer-Events css プロパティを次のように使用できます。

#hover{
   pointer-events: none;
}

これにより、#hover にマウス イベントを無視するように指示し、それ自体を介して下層の要素に伝達します。

これは一部のブラウザーで問題があり、予期しない副作用が発生する可能性があります。責任を持って、ドキュメントを参照してから使用してください。

于 2012-08-01T14:42:21.700 に答える