jQuery：在这种特定情况下，如何恢复单击事件的初始状态？

代码如下：

let selected_animal=“Animals”
//悬停函数
$（“#cats_image”）.mouseover（函数（）{
$（“h1”）。文本（“猫”）；
});
$（“#狗#图像”）.mouseover（函数（）{
$（“h1”）。文本（“狗”）；
});
$（“#ducks_image”）.mouseover（函数（）{
$（“h1”）。文本（“鸭”）；
});
$（“img”）.mouseout（函数（）{
$（“h1”）。文本（选定的动物）；
});
//点击功能
$（“#cats_image”）。单击（函数（）{
选定的动物=“猫”
$（“h1”）。文本（“猫”）；
$（“footer div”）.removeClass（“show”）；
$（“#cats_text”）.addClass（“show”）；
});
$（“#狗#图像”）。单击（函数（）{
选定的动物=“狗”
$（“h1”）。文本（“狗”）；
$（“footer div”）.removeClass（“show”）；
$（“#dogs_text”）.addClass（“show”）；
});
$（“#ducks_image”）。单击（函数（）{
选定的动物=“鸭子”
$（“h1”）。文本（“鸭”）；
$（“footer div”）.removeClass（“show”）；
$（“#ducks_text”）.addClass（“show”）；
});
//白色区域点击功能
$（“正文”）。单击（函数（）{
event.stopPropagation（）；
// ???
});
*{
保证金：0；
填充：0；
字体系列：无衬线；
字体大小：正常；
}
标题{
宽度：100%；
}
img{
最大宽度：200px；
光标：指针；
}
页脚分区{
显示：无；
}
.表演{
显示：块；
}

动物
家猫因其伙伴关系和捕杀啮齿动物的能力而受到人类的重视。
家养狗的皮毛有两种：一种是“双毛”，熟悉来自寒冷气候的狗（以及狼），由粗糙的警卫组成。
鸭是鸭科水禽中许多物种的共同名称，也包括天鹅和鹅。
您可以添加一个
返回false语句，用于每个img的所有单击事件声明。您的body事件将更改文本并删除类，如下所示：

$（“正文”）。单击（函数（）{
选定的_animal=“动物”；
$（“h1”）。文本（选定的动物）；
$（“footer div”）.removeClass（“show”）；
});

其他声明应如下所示：

$（“#鸭#u图像”）。单击（函数（）{
选定的动物=“鸭子”
$（“h1”）。文本（“鸭”）；
$（“footer div”）.removeClass（“show”）；
$（“#ducks_text”）.addClass（“show”）；
return false；//下面是return语句
});

false
实际上不允许事件传播到
html
标记。因此，如果单击了
img
，则不会单击
body
，也不会触发
body
事件。只有在白色区域单击时才会触发