使用z-index属性隐藏DIV后面的TextBox

有什么方法可以隐藏DIV后面的文本框吗？使用z-index属性隐藏DIV后面的TextBox

我有一个文本框应该被禁用，以便用户不能更改文本。但是我在同一个文本框上有onclick（）事件。如果我使用“禁用禁用”，则onclick事件不起作用。

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

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

问候 LOKESH亚达夫

为了防止用户改变textarea的文字，为什么不使用the readonly property？

2010-08-15 03:48:33

您可以return false;在文本框中的onkeyup，onkeydown和onkeypress事件。这样，用户将无法编辑它。但你的onclick会工作。

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

我不知道，如果你需要在所有三个键盘事件返回false，但它只是浮现在脑海，我键入了它们。也许你可以逃脱两个甚至其中一个事件。

2010-05-27 06:43:09 Senthil

适合我。感谢Senthil！有一点疑惑：有什么方法可以隐藏焦点在文本框上时闪烁的“文本光标（|）”？ – 2010-05-27 06:51:12

不错！.. :)如果有任何帖子回答你的问题，请将其标记为答案。我不认为我知道如何隐藏光标。如果我找到如何去做，会回来。 – Senthil 2010-05-27 06:57:35

好的。我会将其标记为答案。我热切地等待你的回复..希望你会找到某种方式来隐藏这个光标 – 2010-05-27 07:00:08

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

2010-05-27 06:43:52

但是，如果文本框被禁用，onclick将不会触发 – Senthil 2010-05-27 06:48:17

当禁用时，onclick不会触发！当焦点在文本框上时，有什么办法可以隐藏“文本光标（|）”闪烁吗？ – 2010-05-27 06:53:44

@ Senthil。很高兴知道。我会删除我的答案，但洛克什问另一个问题。 – 2010-05-27 06:57:55

回答