pointerEvent =“ none”不会禁用输入标签

Question

尝试使用pointerEvents = "none";禁止插入内容被键入。它似乎根本不起作用。禁用时，“实际”也不起作用。

function enter() {
  document.getElementById('actual').pointerEvents = "none";
}

<div id="actual">
  <div id="mastsactual"><input id="sign1" disabled></input>
  </div>
</div>

Answer 1

当然，#actual不再适用，因为您正在对其应用pointerEvents='none'。

如果您只想禁用input元素，请尝试以下操作：

function enter() {
  element = document.getElementById('sign1')
  element.disabled = element.disabled ? false : true
  button = document.getElementById('button')
  button.value = button.value === 'Disable Input' ? 'Enable Input' : 'Disable Input'
}

<div id="actual">
  <div id="mastsactual">
    <input id="sign1" type="text">
  </div>
</div>
<input id="button" type="button" onClick=enter() value="Disable Input">

调用enter函数将切换sign1的状态，因此，如果启用，它将变为禁用，反之亦然。