要在文本框中显示的悬停元素答案

【问题标题】：hovered elements to be displayed in a text box要在文本框中显示的悬停元素
【发布时间】：2016-04-05 10:46:21
【问题描述】：

我编写了一个脚本，用 2px 红色轮廓突出显示悬停元素，我需要将悬停元素显示在下面的文本框中。有没有可能？

提前致谢！

function inspectorMouseOver(e) {
    var element = e.target;
    element.style.outline = '2px solid #f00';
    last = element;
}

【问题讨论】：

在文本框中显示是什么意思？请详细说明一下。
@usama : 获取网页内容并在外部显示在另一个控件中。

标签： javascript c# jquery .net

【解决方案1】：

你可以使用jQuery函数来实现：

示例代码：

$( "#elementId" ).mouseover(function() {
  $(this).css({'display': 'inline-block','background-color': '#ff0000', 'color': '#ffffff'})
});

【讨论】：

【解决方案2】：

如果你想在悬停时添加边框，那么只需这样做

 function inspectorMouseOver(e) {
    e.style["border"] = '2px solid #f00';
 }

并将函数调用为

  <div class="myDiv" onmouseover="inspectorMouseOver(this)" > TEST  </div>

在这里，我在鼠标悬停时调用了该函数并将其作为参数传递。因此您将在函数中获得相应的节点，然后添加样式。让我知道这是否有帮助。谢谢

【讨论】：

【解决方案3】：

请检查https://jsfiddle.net/g3g7c7ky/1/这是您想要的吗？

HTML

<ul class="ul1">

<li>123</li>
<li>456</li>
<li>789</li>
<li>1010</li>
</ul>

<input type="text" class="txtbox">

jQuery

$(document).ready(function(){
    $('.ul1').on('mouseover','.ul1 li', function(){
  var txt =$(this).text();
  console.log(txt);
  $(this).css('border','2px solid #f00');
    $('.txtbox').val(txt);
  });

  $('.ul1').on('mouseout','.ul1 li', function(){

  $(this).css('border','none');
  });
});

【讨论】：

你也可以用CSS实现高亮部分

【解决方案4】：

得到答案

function inspectorOnClick(e) 
{
    var element = e.target;
    alert(element.innerHTML);
    e.preventDefault();
    return false;
}

感谢您的建议朋友！

【讨论】：