1

我这里有专业人士的情况，而且我没有写一行 jquery 代码......我有文本段落和三个与按钮匹配的输入字段......我希望在段落中选择文本时你可以得到这个当您单击按钮复制时，选择与希望输入中的值相同。我在网上搜索并没有找到类似的东西

我只有 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 回答