Question

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

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

这甚至可能吗？或者它可以在某种程度上解决？

Answer 1

这样的事可能有用：

// 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和工作示例。

Jquery将选定的文本从段落复制到按钮单击输入（多个输入）

1 个答案: