Question

我想在点击按钮上选择div内容。

HTML

 <div id="divid">Hello This div content have to be select. </div>
 <button onclick="selectText(divid);"> Select Div</button>

JS

   function selectText(divid) {
        if (document.selection) {
            var div = document.body.createTextRange();

            div.moveToElementText(document.getElementById("divid"));
            div.select();
        }
        else {
            var div = document.createRange();
            div.setStartBefore(document.getElementById("divid"));
            div.setEndAfter(document.getElementById("divid"));

            window.getSelection().addRange(div);
        }

    }

https://jsfiddle.net/rajagopalx/xds4y0en/

Answer 1

尝试以下@Rajagopal Subramanian

＆＃13;

<div id="divid">Hello This div content have to be select.</div>
<button onclick="selectText('divid')">Select</button>

＆＃13;

<asp:RequiredFieldValidator  ID="rfvPropertyName"
                        Text="*" 
                        CssClass="RedText"
                        runat="server"
                        ErrorMessage="please enter your name."
                        ValidationGroup="QuerySystem"
                        ControlToValidate="txtPropertyName" Enabled="False"
                        ></asp:RequiredFieldValidator>

＆＃13;

Answer 2

function selectText(containerid) {
    if (document.selection) {
        var range = document.body.createTextRange();
        range.moveToElementText(document.getElementById(containerid));
        range.select();
    } else if (window.getSelection) {
        var range = document.createRange();
        range.selectNode(document.getElementById(containerid));
        window.getSelection().addRange(range);
    }
}

Answer 3

我希望它会对你有所帮助。

html代码

<div id="divid">Hello This div content have to be select. </div>
        <button id="hit"> Select Div</button>

<强> demo.js

$(document).ready(function(){
    $('#hit').on('click', function(){
        var sav = $('#divid').html();
        alert(sav);
    });
});

如何在按钮点击上选择div文本？

3 个答案: