[英]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.