簡體   English   中英

如何在文本框中獲取選定的文本

[英]How to get Selected Text in Textbox

我在這里使用超鏈接,並且在單擊超鏈接的單擊事件時,我想使用Java腳本在文本框中復制所選文本(我使用鼠標指針或突出顯示的文本選擇),我只希望在文本框中選擇文本我從鼠標指針中選擇或突出顯示。我的Java腳本正在運行,但它復制了div的全文

<li><a href="#" onclick="JAVASCRIPT:return Edit();">Candidate Name</a> </li>
<script type="text/javascript">
    function Edit() {
        alert("hiii");
        document.getElementById('<%=txtbox.ClientID%>').value = document.getElementById('<%=divtext.ClientID%>').innerHTML;
         return true;
    }
</script>
<div>
    <asp:TextBox ID="txtbox" runat="server"></asp:TextBox>
</div>
<div id="divtext" runat="server">
    TCS Infosys Wipro HP HCL Microsoft Facebook Facebook Facebook 
</div>

嘗試這個

<!DOCTYPE html>
<html>
<script type="text/javascript">
 function getSelectionText(divID) {
    var selectedText = "";
    if (window.getSelection) {
        var sel = window.getSelection();
        var div = document.getElementById(divID);

        if (sel.rangeCount) {
            // Get the selected range
            var range = sel.getRangeAt(0);

            // Check that the selection is wholly contained within the div text
            if (range.commonAncestorContainer == div.firstChild) {
                var selectedText = range.toString();
               }
          }
       }
     return selectedText;
   }

   function Edit() {
        var selectedText = getSelectionText("divtext")
        document.getElementById("txtbox").value =  selectedText;
        return true;
   }
 </script>
<body>
        <li><a href="#" onclick="JAVASCRIPT:return Edit();">Candidate Name</a> </li>
         <div>
            <input type="text" ID="txtbox" />
        </div>
        <div id="divtext">
            TCS Infosys Wipro HP HCL Microsoft Facebook Facebook Facebook 
        </div>
 </body>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM