Question

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

提前致谢！

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

Answer 1

您可以使用jQuery函数来实现此目的：

示例代码：

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

Answer 2

如果您想在悬停时添加边框，请执行

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

并将该函数调用为

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

这里我已经在鼠标上调用了该函数并将其作为参数传递。所以你将在你的函数中获得相应的Node然后添加样式。如果有帮助，请告诉我。谢谢

Answer 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');
  });
});

Answer 4

得到答案

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

感谢您的推荐朋友!!

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

4 个答案: