html - 只有在外部单击时才会选择复选框输入

Question

我对通过 GWT 框架生成的 HTML 有疑问。似乎只能在输入之外选择复选框。

  <label for="gwt-id">
        <input type="checkbox" id="gwt-id" />
        <span class="someclass"></span>
    </label>

如您所见，for有财产。当我删除它时，根本无法选择复选框。我没有复制样式，因为即使删除它们也不起作用。任何想法为什么会发生？

标签： html

Answer 1

你可以看看这个线程。但这将需要一些代码。 像这样的东西：

document.addEventListener("click", function(evt) {
    var flyoutElement = document.getElementById('flyout-example'),
        targetElement = evt.target;  // clicked element

    do {
        if (targetElement == flyoutElement) {
            // This is a click inside. Do nothing, just return.
            document.getElementById("flyout-debug").textContent = "Clicked inside!";
            return;
        }
        // Go up the DOM
        targetElement = targetElement.parentNode;
    } while (targetElement);

    // This is a click outside.
    document.getElementById("flyout-debug").textContent = "Clicked outside!";
});

如果需要，可以使用外部库。或者使用Vue.js和React.js