値を含むテーブル列があり、編集ボタンをクリックすると、列の値を含むテキストボックスが作成されます。これは、インプレース編集機能のようなものです。
var title = item.find('.co_edit_title').html("<input type='text' style='width:240px' name='title' value='" + item.find('.co_edit_title').text() + "' />");
正常に動作し、入力ボックスに指定された値が表示されます。問題は、FF、Chrome、Safariでは、テキストボックスが通常のように動作しないことです。バックスペースキーは正常に機能しますが、通常のキーボード機能は機能しません。
たとえば、Shift +矢印は文字を強調表示せず、左右の矢印キーはカーソルを左右に移動しません。上下のキーは、何らかの理由でカーソルを左右に動かします。最後に、IEでは、バックスペースキーがテキストボックスにないかのように機能することに加えて、これらの同じ問題があり、ブラウザがページに戻るようになります。
なぜこれが起こっているのかについて何か考えはありますか？
編集：以前にこれを指摘する必要がありましたが、これはすべて、すでにページにあるインラインコンテンツを表示しているFancyboxポップアップ内で発生しています。唯一の動的な部分は、列の値をテキストボックスに置き換えることです。