javascript - 无法使用纯 JavaScript 禁用元素的单击事件

Question

我正在尝试通过纯 JavaScript 将 click 事件与多个 p 元素分离。我可以访问这些 p 元素，但由于某种原因，我无法删除 click 监听器。它可以很好地与 jQuery 配合使用，但不能与纯 JS 配合使用。 getP_element 函数在页面加载时调用。这是我的代码:

function getP_element(){
    console.log("page loaded");
    var p_array = document.getElementById("checkboxesContainer").getElementsByTagName("p");
                for(var i=0;i<p_array.length;i++){
                    p_array[i].onmousedown = new function(){
                        return false; //this doesnt work
                    }
                }
    $("#checkboxesContainer p").click(false); //this works
}

编辑:有关此处发生的情况的更多信息。我创建了几个具有自定义样式的自定义复选框。由于某种原因，即使用户单击 p 标记，复选框也会被选中，所以我想我需要分离 click 事件。这就是它们在我的 HTML 中的定义方式:

<div id="checkBoxDiv2" class="checkBoxDiv">
                <input type='checkbox' value='someValue' id="checkBox2"/>
                <label for="checkBox2"><p class="checkBoxText">some text goes here</p>
                    <span></span>
                </label>
            </div>

Answer 1

您不需要禁用点击事件。

当您单击 p 时，复选框将被选中，因为 p 标签位于 label 内，该标签具有 for =“checkBox2”

这就是它应该做的事情。

删除for，它将阻止单击标签激活相应的input元素