2013-05-08 38 views
0

即時通訊使用超鏈接在這裏和超鏈接的點擊事件我想複製使用Java腳本文本框內選定的文本(我已選擇使用鼠標指針或突出顯示的文本)我想只有選擇從鼠標pointer.my 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> 
+0

[檢查此](http://jsfiddle.net/dKaJ3/2/)http://stackoverflow.com/questions/4652734/return-html-from-a-user-selection/4652824#4652824 – Damith 2013-05-08 10:38:45

+0

謝謝Damith ,但我希望我的上下文菜單隻在選定的div區域不是整頁可以幫助我這一點。我的意思是說,我想右鍵單擊文字而不是頁面的其他部分。 – SANDEEP 2013-05-08 12:28:41

回答

0

試試這個

<!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> 

+0

Hi Navnath,非常感謝。但我希望我的上下文菜單隻在選定的div區域不是整頁可以幫助我這一點。我的意思是說,我要右鍵單擊頁面 – SANDEEP 2013-05-08 12:24:34

+0

@SANDEEP其他部分的文字...請檢查我的新解決方案。 – 2013-05-08 13:00:13