1

ここには専門家向けの状況があり、さらにjqueryコードを1行も書いていません...テキスト段落とボタンに対応する3つの入力フィールドがあります...私の願いは、段落内のテキストを選択すると、これを取得できることですボタンコピーをクリックすると、希望する入力の値と同じ選択。私はウェブを検索しましたが、そのようなものは見つかりませんでした

私はhtmlのみでjsフィドルを持っています。あなたはそれを更新することができます: http://jsfiddle.net/dzorz/5DKuY/

HTML:

    <p>
Aliquam eget ipsum accumsan, convallis nulla sit amet, auctor est. 
Nam quis condimentum eros, vel condimentum lacus. In id enim at sem 
gravida sodales eu vitae risus. Morbi sed mi sit amet lectus rhoncus 
gravida a sit amet nisl. Phasellus quis ultricies leo. Duis vel lobortis
mauris. Suspendisse sed diam eu turpis facilisis rutrum vitae vitae
dolor. 
</p>

<form id="myform" class="form-horizontal">
    </fieldset>
        <div class="control-group">
            <input type="text" class="input-small" id="input1">
            <a href="#" id="copy1" class="btn btn-primary">Copy to 1</a>
        </div>
        <div class="control-group">
            <input type="text" class="input-small" id="input2">
            <a href="#" id="copy2" class="btn btn-primary">Copy to 2</a>
        </div>
        <div class="control-group">
        <input type="text" class="input-small" id="input2">
        <a href="#" id="copy2" class="btn btn-primary">Copy to 3</a>
        </div>
    </fieldset>  
</form>

それは可能ですか？または、多少異なる方法で解決できますか？

4

1 に答える 1

2

このようなものがうまくいくかもしれません：

// Get user selection text on page
function getSelectedText() {
    if (window.getSelection) {
        return window.getSelection();
    } else if (document.selection) {
        return document.selection.createRange().text;
    }
    return '';
}

$(document).ready(function () {
    $('#copy1').click(function () {
        $('#input1').val(getSelectedText());
    });
    $('#copy2').click(function () {
        $('#input2').val(getSelectedText());
    });
    $('#copy3').click(function () {
        $('#input3').val(getSelectedText());
    });
});

そして、実際の例を含むjsfiddler。

于 2013-06-11T11:48:12.550 に答える