获取点击元素的文本信息 复制到剪切板 监听鼠标悬浮

 

监听鼠标悬浮

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html>
 
<head>
  <meta charset="utf-8" />
  <title></title>
</head>
 
<!-- <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.1/css/bootstrap.min.css" rel="stylesheet"> -->
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
 
<body style="border: 1px solid red;margin: 4px;">
  <table class="table table-bordered">
    <caption></caption>
    <thead>
      <tr>
        <th></th>
        <th></th>
        <th></th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>ā</td>
        <td>á</td>
        <td>ǎ</td>
        <td>à</td>
      </tr>
      <tr>
        <td>ō</td>
        <td>ó</td>
        <td>ǒ</td>
        <td>ò</td>
      </tr>
      <tr>
        <td>ē</td>
        <td>é</td>
        <td>ě</td>
        <td>è</td>
      </tr>
      <tr>
        <td>ī</td>
        <td>í</td>
        <td>ǐ</td>
        <td>ì</td>
      </tr>
      <tr>
        <td>ū</td>
        <td>ú</td>
        <td>ǔ</td>
        <td>ù</td>
      </tr>
      <tr>
        <td>ǖ</td>
        <td>ǘ</td>
        <td>ǚ</td>
        <td>ǜ</td>
      </tr>
      <tr>
        <td>ṉ</td>
        <td>ń</td>
        <td>ň</td>
        <td>ǹ</td>
      </tr>
      <tr>
        <td>ḡ</td>
        <td>ǵ</td>
        <td>ǧ</td>
        <td>ġ</td>
      </tr>
      <tr>
        <td>ṙ</td>
        <td>ŕ</td>
        <td>ř</td>
        <td>ṟ</td>
      </tr>
    </tbody>
  </table>
</body>
<script>
  $("td").hover(function () {
    $("td").css("background-color", "white");
    $(this).click(function () {
      var ret = $(this).text();
      navigator.clipboard.writeText(ret);
      $(this).css("background-color", "green");
    });
 
  });
</script>
 
</html>

  

 

posted @   papering  阅读(48)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· Vue3状态管理终极指南:Pinia保姆级教程
历史上的今天:
2021-01-17 对齐
2019-01-17 print(1000+1002.25+7336.73+10.21+850+4663.89)
2019-01-17 【动手】并发编程与锁的底层原理
2019-01-17 排序的本质是什么 冒泡排序 bubble sort 希尔排序 插入排序 最大、次最大、次次最大
2019-01-17 summary
2019-01-17 算法健壮性
2019-01-17 a
点击右上角即可分享
微信分享提示