javascript - HTMLテキストエリア内の選択したテキストにreadOnlyプロパティを設定する方法

Question

重複の可能性:
テキスト領域を部分的に編集可能にする方法はありますか? (テキストの一部のみを編集可能にする)

readOnly プロパティを HTML テキストエリア内の選択したテキストに設定する方法に関する提案。これは、テキストエリア内の選択されたテキストの画像です..

ガイダンスとヘルプをいただければ幸いです..!

Answer 1

あなたが望んでいたことについて私が理解していることから、ここに実用的な解決策があります。

コードは次のとおりです。

$("#my-text").select(function() {
    $(this).readonly = true;
});
$("#my-text").mouseup(function() {
    $(this).readonly = false;
});
$("#my-text").keydown(function() {
    $(this).readonly = false;
});

基本的に私はselectイベントを利用してテキストエリアを作成していreadonlyます。read onlyそして、 on の属性を削除してclickをkeydown使用しremoveAttrます。

readonlyjQuery オブジェクトの属性を指摘してくれた @Bergi に感謝します。