仅在纯JavaScript中单击不选择contenteditable元素的方法

我想单击一个间接触发器，它将选择contenteditable元素，也就是编辑容器

我试图用.click（）方法创建这种影响，但它不起作用，也没有给我想要的结果，所以我如何才能做到这一点？如果我必须用另一种方法来做这件事，那么我不介意

这是我的密码

document.addEventListener（'DOMContentLoaded'，function（）{
document.querySelector（“#间接触发器”）.addEventListener（'click'，indirectTrigger）；
函数间接触发器（）{
document.querySelector（“#编辑容器”）。单击（）；
}
});
#编辑容器{
背景色：红色；
高度：100px；
宽度：100px；
边缘底部：25px；
}
#间接触发{
背景颜色：灰色；
颜色：白色；
显示：内联块；
填充物：5px；
边界半径：8px；
-webkit触摸标注：无；/*iOS Safari*/
-webkit用户选择：无；/*Safari*/
-khtml用户选择：无；/*Konquer或HTML*/
-moz用户选择：无；/*Firefox*/
-ms用户选择：无；/*Internet Explorer/Edge*/
用户选择：无；/*无前缀版本，当前
由Chrome和Opera支持*/
光标：指针；
}

indirect-trigger
单击内容可编辑元素用于在该元素上设置焦点。直接调用
focus（）


document.addEventListener（'DOMContentLoaded'，function（）{
document.querySelector（“#间接触发器”）.addEventListener（'click'，indirectTrigger）；
函数间接触发器（）{
document.querySelector（“#编辑容器”）.focus（）；
}
});
#编辑容器{
背景色：红色；
高度：100px；
宽度：100px；
边缘底部：25px；
}
#间接触发{
背景颜色：灰色；
颜色：白色；
显示：内联块；
填充物：5px；
边界半径：8px；
-webkit触摸标注：无；
/*iOS野生动物园*/
-webkit用户选择：无；
/*狩猎*/
-khtml用户选择：无；
/*Konqueror HTML*/
-moz用户选择：无；
/*火狐*/
-ms用户选择：无；
/*Internet Explorer/Edge*/
用户选择：无；
/*无前缀版本，当前为
由Chrome和Opera支持*/
光标：指针；
}

间接触发器