拾光师 2017-04-22 07:32 采纳率: 57.1%
浏览 1917
已采纳

html表格单元格焦点事件问题

 <!DOCTYPE html>
<html>
  <head>
    <title>focus2.html</title>

    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-16">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>

  <body>

    <table border="1">
    <tr>
    <td colspan="4" >学生信息</td>
    </tr>
    <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th colspan="2">电话</th>
    </tr>

    <tr>
    <td onfocus="this.style.backgroundColor='#00f';"    onblur="this.style.backgroundColor='#fff';">刘勇</td>
    <td onfocus="this.style.backgroundColor='#00f';"    onblur="this.style.backgroundColor='#fff';">20</td>
    <td onfocus="this.style.backgroundColor='#00f';"    onblur="this.style.backgroundColor='#fff';">0732-88756773</td>
    </tr>
    </table>
  </body>
</html>

为什么获得焦点后颜色不会变呢 ,或者还是它根本没有获得焦点呀

  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2017-04-22 10:19
    关注

    td获取不到焦点的,给里面的内容添加一个a标签,a可以得到焦点

    
        <table border="1">
            <tr>
                <td colspan="4">学生信息</td>
            </tr>
            <tr>
                <th>姓名</th>
                <th>年龄</th>
                <th colspan="2">电话</th>
            </tr>
    
            <tr>
                <td><a href="" onfocus="this.parentNode.style.backgroundColor='#00f';" onblur="this.parentNode.style.backgroundColor = '#fff';">刘勇</a></td>
                <td><a href="" onfocus="this.parentNode.style.backgroundColor='#00f';" onblur="this.parentNode.style.backgroundColor = '#fff';">20</a></td>
                <td><a href="" onfocus="this.parentNode.style.backgroundColor='#00f';" onblur="this.parentNode.style.backgroundColor = '#fff';">0732-88756773</a></td>
            </tr>
        </table>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 streamingtool
  • ¥15 MATLAB图像问题
  • ¥20 树莓派5做人脸情感识别与反馈系统
  • ¥15 selenium 控制 chrome-for-testing 在 Linux 环境下报错 SessionNotCreatedException
  • ¥15 使用pyodbc操作SQL数据库
  • ¥15 MATLAB实现下列
  • ¥30 mininet可视化打不开.mn文件
  • ¥50 C# 全屏打开Edge浏览器
  • ¥80 WEBPACK性能优化
  • ¥30 python拟合回归分析