隐藏输入元素内的文本

Question

我有一个文本输入,我想隐藏在给定事件内的文本(我禁用输入,当不需要时).当给定的事件被颠倒时,我想显示隐藏的文本.

我知道我可以存储值并根据需要进行检索.我想避免移动数据,因为这是一个纯粹的整容操作.

可以隐藏输入文本,还是仅在输入中操作数据？我想要最简单的解决方案.

我可以使用纯JS和jQuery.

Answer 1

我将使用同一输入对象的“value”属性，因为该属性是默认值。在这种情况下，您甚至不需要任何额外的变量。这种方法的思想来自于属性和属性之间的差异。这意味着如果更改对象的 value 属性，属性值将保持与之前相同。

var input = document.querySelector('input');

function hide() {
    input.value = "";
}

function show() {
    input.value = input.getAttribute('value');
}

<input type="text" value="Some text">
<button onclick="hide()">Hide</button>
<button onclick="show()">Show</button>