使用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

回答