テキスト ボックスを DIV の後ろに隠す方法はありますか?
ユーザーがテキストを変更できないように、無効にすることになっているテキストボックスがあります。しかし、同じテキストボックスに onclick() イベントがあります。「disabled-disabled」を使用している場合、onclick イベントが機能しません。
そのため、onclickイベントが発生するように、テキストボックスよりも高いz-index値を持つ同じサイズのDIVを作成しようとしています。
より良いオプションを提案してください。前もって感謝します。
よろしく ロケシュ・ヤダヴ
ユーザーがテキストエリア内のテキストを変更できないようにするには、 readonly プロパティを使用してみませんか?
return false;テキストボックスのonkeyup、onkeydownおよびonkeypressイベントで実行できます。これにより、ユーザーは編集できなくなります。しかし、あなたのオンクリックは機能します。
<input type="text" onkeyup="return false;"
onkeydown="return false;"
onkeypress="return false;"
onclick="alert('hi');">
3 つのキーボード イベントすべてで false を返す必要があるかどうかはわかりませんが、思い付いたので入力しました。たぶん、それらのイベントの 2 つまたは 1 つを回避できます。
テキストボックスが無効になっているかどうかをonclickイベントでチェックすることをお勧めします。無効になっている場合は、return false;