Javascript 在双击或未聚焦状态下更改文本？

我有一个标签为“查看容量”的下拉列表，单击时将标签更改为“隐藏容量”。 我试图让它改变回原来的标签时，双击（当切换关闭）或当用户点击窗口中的其他地方

HTML:

//JQUERY：
$（'.FullLength下拉列表'）.focus（函数（）{
$（'.viewCapacitysTXT'）.text（“隐藏容量”）；
});

查看容量
空间
接待
剧院
宴会
卡巴莱
董事会会议室
只需添加一个焦点即可

$('.FullLengthDropdown').focusout(function(){
    $('.ViewCapacitiesTxt').text("VIEW CAPACITIES");
});

使用
focusout
、
dblclick
和
toggle（）
来实现此目的


//JQUERY：
$（'.FullLengthDropdown'）。在（'focusout dblclick'，function（）上{
$（'.viewCapacitysTXT span'）.toggle（）
});

查看容量
隐藏容量
空间
接待
剧院
宴会
卡巴莱
董事会会议室
请检查以下来源。如果您在单击按钮下方的文本时观察到，将切换回原始文本


函数切换文本（）{
var-toggleText=$（'.viewCapacitysTXT'）.attr（“数据切换文本”）；
$（'.viewCapacitysTXT'）.attr（“数据切换文本，$（'.viewCapacitysTXT'）.text（））；
$（'.viewCapacitysTXT'）.text（切换文本）；
}
$（'.FullLength下拉列表'）。单击（函数（）{
切换文本（）；
});
$（文档）.ready（函数（）{
$（文档）。单击（函数（e）{
if（！$（e.target）.hasClass（“FullLength下拉列表”））{
if（$（'.viewCapacitysTXT'）.text（）！=$（'.viewCapacitysTXT'）.attr（“数据原始文本”））{
切换文本（）；
}
}
});
});

查看容量
空间
接待
剧院
宴会
卡巴莱
董事会会议室
我试图创建JSFIDLE，但你的代码不起作用。你说你想在点击事件中激活它，但在焦点事件中激活它？发帖前，请检查代码中的错误（如@RamishMian如果你接受了这个答案，请将其设为“接受”