html - 使用 z-index 属性将文本框隐藏在 DIV 后面

Question

有没有办法隐藏 DIV 后面的文本框？

我有一个应该被禁用的文本框，以便用户无法更改文本。但我在同一个文本框上有 onclick() 事件。如果我使用“禁用-禁用”，则 onclick 事件不起作用。

所以，我试图制作一个相同大小的 DIV，其 z-index 值高于文本框，以便 onclick 事件可以触发。

请建议我更好的选择。提前致谢。

问候 Lokesh Yadav

Answer 1

为了防止用户更改 textarea 中的文本，为什么不使用readonly 属性？

Answer 2

您可以return false;在文本框的onkeyup,onkeydown和onkeypress事件中。这样，用户将无法对其进行编辑。但是您的 onclick 将起作用。

<input type="text" onkeyup="return false;" 
onkeydown="return false;"
onkeypress="return false;"
onclick="alert('hi');">

我不确定您是否需要在所有三个键盘事件中都返回 false，但我突然想到并输入了它们。也许你可以逃脱其中两个甚至其中一个事件。

Answer 3

我建议让 onclick 事件检查文本框是否被禁用，如果是，return false;