誰かが私を助けることができます..
ページの読み込み時にデフォルトで読み取り専用のテキスト ボックスがあります。このテキスト ボックスのクリック イベントでは、2 つのことを行う必要があります。
- 編集可能にする
- テキストボックスにフォーカスを保つ
このremoveAttr
ために、編集可能にするコードを作成してから、それにfocus()
焦点を当てています。
期待どおり、IE8+、FF、Chrome で動作しています。ただし、クライアントの互換性のあるブラウザーのリストに IE7 があるため、IE7 でも動作させる必要があります。
注:問題はフォーカスのみであり、クリックするとテキストボックスが編集可能になります。ただし、フォーカスを維持するには 2 回目のクリックが必要です。最初のクリックのみで行われることを期待しています。
<input name="testId" id="testId" size="25" maxlength="40" tabindex="21" class="width250" readonly="true"/>
$("#testId").click(function(){
$(this).removeAttr("readonly");
$(this).focus();
});