jQueryの範囲選択前の要素のcontentEditable私はこのスニペットを持って

<div contenteditable="true"> father 
     <a contenteditable="false" href="#"> myLink </a> 
</div>

私の問題は、私は

</a>

後にキャレットを置いて、私は、remove myLinkのためにバックスペースにしようとした場合htmlタグ、Firefoxでは動作しませんが、chorme、opera、safari、explorerで動作します。 Firefoxでは、私は

<a contenteditable="false" href="#"> myLink </a>

を選択し、それが動作するバックスペースでそれを削除した場合その他の手！

可能性のある問題を回避するには、プログラム要素

<a contenteditable="false" href="#"> myLink </a>

ユーザー桁のバックスペースキーの範囲選択です。

jqueryでこれを行うにはどうすればよいですか？キャレットカーソルが

</a>

とユーザー桁のバックスペースの後であれば、私は

<a contenteditable="false" href="#"> myLink </a>

を選択し、そのノードを削除します。

2011-12-31 paganotti

私は、FF、IE 8とChromeでそれをテストし、バックスペースで削除することができましたここでチェックjsFiddle、

<a contenteditable="false" href="#"><span contenteditable="true"> myLink </span></a>

、以下のような真=のcontentEditableとspanタグを追加FFや他のブラウザではユーザエクスペリエンスが異なります。

これが最良の方法であるかどうかはわかりません。

を編集：はこのように思える既に回答されているhere

2011-12-31 10:38:41

答えて