Javascript 当元素保存输入时,如何将单击事件注册到元素+;标签

Javascript 当元素保存输入时,如何将单击事件注册到元素+;标签,javascript,Javascript,考虑以下标记: <div> <input type="checkbox" id="Checkbox" /> <label for="Checkbox">Click</label> </div> 点击 如何将单击处理程序分配给只执行一次的div容器?我建议删除事件处理程序中的侦听器。诸如此类: var div = document.getElementById('Checkbox').parent; var clickHa

考虑以下标记:

<div>
  <input type="checkbox" id="Checkbox" />
  <label for="Checkbox">Click</label>
</div>

点击

如何将单击处理程序分配给只执行一次的
div
容器?

我建议删除事件处理程序中的侦听器。诸如此类:

var div = document.getElementById('Checkbox').parent;

var clickHandler = function(event) {
  div.removeEventListener('click', clickHandler);
  /* Do your stuff here */
}

div.addEventListener('click', clickHandler);

如果您可以使用jQuery,那么有专门针对这一点的文档

只需给div一个id,然后在javascript中添加click函数

<div id="target">
  <input type="checkbox" id="Checkbox" />
  <label for="Checkbox">Click</label>
</div>

$( "#target" ).click(function() {
  alert( "Handler for .click() called." );
});

点击
$(“#目标”)。单击(函数(){
警报(“调用了.click()的处理程序”);
});

您尝试的JavaScript在哪里?单击后将其解除绑定。显示如何绑定它。是否要单击复选框或div上的一次?问题没有用jQuery标记。