私は 3 つのイベント ハンドラ、mouseenter、mouseleave、およびクリックを持っています。ユーザーが「li」をクリックした場合、イベントの伝播を停止して、mouseleave ハンドラを実行しないようにします。これが私のコードです。
$('.list ul li').mouseenter(function()
{
$(this).addClass('listItemSelected');
});
$('.list ul li').mouseleave(function()
{
$(this).removeClass('listItemSelected');
});
$('.list ul li').click(function(b)
{
b.stopImmediatePropagation();
$('.list ul').removeClass('listItemSelected');
$(this).addClass('listItemSelected');
});