Javascript execCommand不能将div用作事件侦听器

我一直在搜索谷歌，我似乎找不到一个有效的解决办法，这种情况。我基本上希望使用div调用触发器成功执行document.execCommand（）；但是我注意到document.execCommand（）不能与

div作为事件监听器，我知道它可以与按钮标记一起使用，但我不想将按钮与此一起使用，所以我如何才能使它与div一起使用，我知道你们中的一个人会说，你们知道不需要使用document.execCommand来做类似的事情

我知道这一点，但出于个人原因，我需要使用document.execCommand的div来执行此操作

我的代码

document.querySelector（“#触发器”）.addEventListener（'click'，下划线）；
函数下划线（）{
document.execCommand（'underline'，false'，）；
}

#触发器{
背景色：红色；
高度：50px；
宽度：100px；
颜色：白色；
位置：相对位置；
边界半径：8px；
光标：指针；
显示：块；
}

文本高亮显示单词Adam并按下红色触发器为Adam添加下划线

Adam

这段代码应该能让它工作，试试这个

document.querySelector（“触发器”）.addEventListener（'mousedown'，function（event）{event.preventDefault（）；}）；
document.querySelector（“#trigger”）.addEventListener（'click'，下划线）；
函数下划线（）{
document.execCommand（'underline'，false'，）；
}

#触发器{
背景色：红色；
高度：50px；
宽度：100px；
颜色：白色；
位置：相对位置；
边界半径：8px；
光标：指针；
显示：块；
}

文本高亮显示单词Adam并按下红色触发器为Adam添加下划线

Adam

这段代码应该能让它工作，试试这个

document.querySelector（“触发器”）.addEventListener（'mousedown'，function（event）{event.preventDefault（）；}）；
document.querySelector（“#trigger”）.addEventListener（'click'，下划线）；
函数下划线（）{
document.execCommand（'underline'，false'，）；
}

#触发器{
背景色：红色；
高度：50px；
宽度：100px；
颜色：白色；
位置：相对位置；
边界半径：8px；
光标：指针；
显示：块；
}

文本高亮显示单词Adam并按下红色触发器为Adam添加下划线

Adam

您在哪里设置范围等？感谢您的回答，范围是什么意思？为什么不使用css选择器：​ 文本装饰：下划线？我删除了答案。很抱歉，我需要修复它。正如帖子所说，我需要找到一种方法来处理document.execCommand（）和div。我知道还有其他方法可以做到这一点，但我需要这样做。这边走，好的，慢慢来。我感谢你的帮助您在哪里设置范围等？感谢您的回答，范围是什么意思？为什么不使用css选择器：​ 文本装饰：下划线？我删除了答案。很抱歉，我需要修复它。正如帖子所说，我需要找到一种方法来处理document.execCommand（）和div。我知道还有其他方法可以做到这一点，但我需要这样做。这边走，好的，慢慢来。我感谢你的帮助