js的onclick事件

发布网友发布时间：2022-04-26 09:23

共4个回答

热心网友时间：2022-06-26 16:28

给table加事件即可。事件都是从最最内层绑定的元素往外传播的。

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
  td{
    padding: 5px;
    border: 1px solid;
  }
  </style>
</head>
<body>
  <table>
  <tr>
    <td>1.1</td>
    <td>1.2</td>
  </tr>
  <tr>
    <td>2.1</td>
    <td>2.2</td>
  </tr>
</table>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"type="text/javascript"></script>
<script>
  $(function(){

    /*
      $('td').click(function(event) {
         Act on the event
        alert($(this).text())
      });
    */

    $('table').click(function(event) {
      /* Act on the event */
      var _this = $(event.target);
      alert(_this.text());
    });

  })
</script>
</body>
</html>

我是用jq写的，用原生的js也是同样的道理。希望那个对你有帮助，有用就采纳！

追答谢谢

有问题继续交流

热心网友时间：2022-06-26 16:28

用jQuery 它的选择器非常强大不用标注id就可以选择任何一个标签，也可以给标签被动添加事件

热心网友时间：2022-06-26 16:29

看你需求是什么。需要在点击的时候改变背景，就只有写在onclick时间里啦，要是直接加载就有背景，直接给td写style就行了。

热心网友时间：2022-06-26 16:29

$(function(){
$(td).click(function(){
$(this).css('background':'purple');

})

});
这是jquery写法，可以参考一下

CSS写法：td:hover{
background-color:red;
}鼠标放到td上背景就变成红色了