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

【问题标题】：Hiding TextBox behind a DIV by using z-index property使用 z-index 属性将文本框隐藏在 DIV 后面
【发布时间】：2010-05-27 06:40:33
【问题描述】：

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

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

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

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

问候洛克什·亚达夫

【问题讨论】：

【解决方案1】：

为了防止用户更改文本区域中的文本，为什么不使用the readonly property？

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

对我来说很好。谢谢森希尔！一个小疑问：当焦点在文本框上时，有什么办法可以隐藏“文本光标（|）”闪烁？
很好！..:) 如果任何帖子回答了您的问题，请将其标记为答案。我不认为我知道如何隐藏光标。如果我知道怎么做，我会回来的。
好的。我会将其标记为答案。我急切地等待你的回复..希望你能找到一些方法来隐藏这个光标
刚刚在 Google 中进行了一些搜索.. 你也可以这样做.. 似乎没有直接的方法可以做到这一点。事实证明，没有办法做到这一点。你只需要继续寻找。我似乎想不出隐藏闪烁光标的解决方案。
不用担心。无论如何感谢您的代码，90% 的问题已经解决。剩下的 10% .. 会在谷歌上试试我的运气 :)

【解决方案3】：

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

【讨论】：