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

Question

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

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

所以，我试图制作一个相同大小的DIV，其z-index值比textbox高，这样就可以触发onclick事件。

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

此致 Lokesh Yadav

Answer 1

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

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;