Php 如何突出显示ajax加载的表行？_Php_Ajax_Select_Html Table_Row

Php 如何突出显示ajax加载的表行？

php ajax select

Php 如何突出显示ajax加载的表行？,php,ajax,select,html-table,row,Php,Ajax,Select,Html Table,Row,我正在创建一个在数据库中搜索用户的网页。当我在搜索框中输入用户名时，它会在一个表中使用Ajax完美地加载结果（该表位于另一个PHP文件中）。但我需要在按下箭头键或鼠标悬停（如谷歌搜索引擎）时选择这些行，当我们指向该行时，它会高亮显示。我尝试了onmouseover函数，但没有成功，但在正常的PHP网页中onmouseover工作正常。下面是我通常用来选择表中的行的内容我将给你一个非常基本的例子，我如何使用它 <html> <head> <script

我正在创建一个在数据库中搜索用户的网页。当我在搜索框中输入用户名时，它会在一个表中使用Ajax完美地加载结果（该表位于另一个PHP文件中）。但我需要在按下箭头键或鼠标悬停（如谷歌搜索引擎）时选择这些行，当我们指向该行时，它会高亮显示。我尝试了onmouseover函数，但没有成功，但在正常的PHP网页中onmouseover工作正常。下面是我通常用来选择表中的行的内容

我将给你一个非常基本的例子，我如何使用它

<html>
  <head>
    <script type="text/javascript">
      function f1(x){
        document.getElementById(x).style.backgroundColor="#FF0000";<br/>        
      }
      function f2(x){
        document.getElementById(x).style.backgroundColor="#FFFFFF";     
      }
    </script>
  </head
  <body>
    <?php
    echo "<table border='1'>";
    echo "<tr id='tr1' onMouseOver='f1(this.id)' onMouseOut='f2(this.id)'> <td>Elephant</td></tr>";
    echo "<tr id='tr2' onMouseOver='f1(this.id)' onMouseOut='f2(this.id)'><td>Snake</td></tr>";
    echo "<tr id='tr3' onMouseOver='f1(this.id)' onMouseOut='f2(this.id)'><td>Spider</td></tr>";
    echo "</table>";
    ?>
  </body>
</html>


函数f1（x）{
document.getElementById（x）.style.backgroundColor=“#FF0000”；

}
函数f2（x）{
document.getElementById（x）.style.backgroundColor=“#FFFFFF”；
}
mouseover事件不起作用，因为您在插入HTML之前注册了该事件
解决方法是将事件处理程序附加到body标记，然后查看元素的原始源，这基本上就是jquery live方法所做的。看起来是这样的：
$(".hoverme").live("mouseover mouseout", function(event) {
  if ( event.type == "mouseover" ) {
      $(this).addClass('selected');
  } else {
      $(this).removeClass('selected');
  }
});

我会看看我是否也有时间编辑这个键盘控制的答案