Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/sql-server/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在javascript中将数据突出显示到弹出窗口中_Javascript - Fatal编程技术网

在javascript中将数据突出显示到弹出窗口中

在javascript中将数据突出显示到弹出窗口中,javascript,Javascript,如何从文本区域获取鼠标悬停的文本,并使用javascript在弹出窗口上显示内容。在这种情况下,用户可以自由选择和悬停任何文本,但文本必须是字符串,不能是文本区域中的数字或特殊符号等。 代码如下 输入文本: 输出: 函数ShowSelectionSideTextArea() { var textComponent=document.getElementById('Words'); var选择文本; //IE版本 if(document.selection!=未定义) { textCompone

如何从文本区域获取鼠标悬停的文本,并使用javascript在弹出窗口上显示内容。在这种情况下,用户可以自由选择和悬停任何文本,但文本必须是字符串,不能是文本区域中的数字或特殊符号等。 代码如下

输入文本:

输出: 函数ShowSelectionSideTextArea() { var textComponent=document.getElementById('Words'); var选择文本; //IE版本 if(document.selection!=未定义) { textComponent.focus(); var sel=document.selection.createRange(); selectedText=sel.text; } //Mozilla版本 else if(textComponent.selectionStart!=未定义) { var startPos=textComponent.selectionStart; var endPos=textComponent.selectionEnd; selectedText=textComponent.value.substring(startPos、endPos) window.alert(“你好”); } document.getElementById(“out”).innerHTML=selectedText; } 设置间隔(ShowSelectionSideTextArea,1000);
这里的问题是警报没有得到鼠标悬停的文本,也没有显示。在这种情况下该怎么办?灵感来自:

给你:

function getSelectionInsideTextarea(textComponent)
{
  var selectedText;

  if (document.selection != undefined)
  {
    textComponent.focus();
    var sel = document.selection.createRange();
    selectedText = sel.text;
  }
  else if (textComponent.selectionStart != undefined)
  {
    var startPos = textComponent.selectionStart;
    var endPos = textComponent.selectionEnd;
    selectedText = textComponent.value.substring(startPos, endPos)
  }

  return selectedText;
}

var textArea = document.getElementById('mytextarea');
textArea.onselect = function(){ alert(getSelectionInsideTextarea(textArea)); };
工作示例:


突出显示是什么意思?到目前为止你尝试了什么?代码?搜索用户Tim Down的帖子,这些帖子将满足您的所有需求。请参阅下面我的答案和更新的链接我所说的突出显示的文本是指用户应使用鼠标选择它是的,请参阅答案中的链接谢谢@请看代码。。也许你能更好地帮助我。谢谢你的帮助。请帮我更新一下。。谢谢你的最后一句话,我能帮忙吗,就用我给出的解决方案
function getSelectionInsideTextarea(textComponent)
{
  var selectedText;

  if (document.selection != undefined)
  {
    textComponent.focus();
    var sel = document.selection.createRange();
    selectedText = sel.text;
  }
  else if (textComponent.selectionStart != undefined)
  {
    var startPos = textComponent.selectionStart;
    var endPos = textComponent.selectionEnd;
    selectedText = textComponent.value.substring(startPos, endPos)
  }

  return selectedText;
}

var textArea = document.getElementById('mytextarea');
textArea.onselect = function(){ alert(getSelectionInsideTextarea(textArea)); };