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

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 metadata提取的PDF元数据，如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
  • ¥15 Windows11, backspace, enter, space键失灵