Javascript 如何使用mousedown事件选中复选框？

我有以下代码：

checkbox.addEventListener('mousedown', function () {
    if (!this.checked) {
        this.checked = true;
    }
});

当鼠标按钮按下时，它应该打开复选框。 它工作得很好，但当我松开按钮时，复选框就会关闭。如何解决此问题？

checkbox.addEventListener（'mousedown'，function（）{
如果（！this.checked）{
var preventUnselect=函数（）{
this.checked=true；
复选框。removeEventListener（'click'，preventUnselect）
};
复选框.addEventListener（'click'，preventUnselect）
this.checked=true；
}
});
请注意，复选框已将此行为作为浏览器内置的默认行为。我想知道是否选中了复选框，您只需查看DOM元素的
checked
属性即可。例如：


const checkbox=document.getElementById（'Mycheckbox'）；
//此onclick现在仅用于演示目的
复选框.addEventListener（'click'，函数（）{
console.log（checkbox.checked）；
});
这很有帮助。非常感谢。
checkbox.addEventListener('mousedown', function(){
    this.checked = !this.checked;
});