js给table每个tr添加双击事件

向右看齐 2022-02-25 00:18 595阅读 0赞

<html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title>
        <script type="text/javascript">
        function Test(){
            var rows=document.getElementById("table1").rows;
            if(rows.length>0){
                for(var i=1;i<rows.length;i++){
                  (function(i){
                    var temp=rows[i].cells[0].childNodes[1].value;
                    var obj=rows[i];
                    obj.οndblclick=function(){alert(temp);};
                    })(i)
                }
            }
        }
        
        window.οnlοad=function(){Test();}
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        
        <table id="table1" border="1">
            <tr>
                <th>序号</th>
                <th>名称</th>
                <th>地址</th>
            </tr>
            <tr>
                <td>1<input id="hd1" type="hidden" value="hd1" /></td>
                <td>南大</td>
                <td>长沙市
                </td>
            </tr>
            <tr>
                <td>2<input id="hd2" type="hidden" value="hd2" /></td>
                <td>南大2</td>
                <td>长沙市2
                </td>
            </tr>
        </table>
        
        </form>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，595人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue + ElementUI 给el-table添加点击事件

可以分三种情况实现点击事件 1. 针对整行点击 `@row-click=""` <el-table :data="userList" hi

古城微笑少年丶/ 2022年12月10日 02:27/ 0 赞/ 701 阅读

相关 js实现单击事件和双击事件

一下代码可以解决单击事件和双击事件冲突的问题 //单击事件 var timeoutID = null; $("test).on('click',functi

雨点打透心脏的1/2处/ 2022年11月14日 10:16/ 0 赞/ 196 阅读

相关 js鼠标添加右击事件

前言在做ITOO项目课程表教师端这块儿时，发现只有修改、添加、导入的功能，验收的时候说添加一个删除的功能吧，右击删除，接下来就是实践了，因为这块本来有双击事件，

超、凢脫俗/ 2022年09月25日 13:29/ 0 赞/ 215 阅读

相关 elementUI使用之table表格如何给行元素添加点击事件

1. 官方文档提供的event事件 ![有row-click事件可以实现行点击事件][row-click] 2. 在代码中绑定事件 ![绑定事件][

比眉伴天荒/ 2022年09月01日 09:10/ 0 赞/ 324 阅读

相关双击上传图片——给picture control添加双击事件

在“类视图”中右键单击你要把按钮消息添加到的类，查看这个类的属性。在“类的属性”里的上侧点击“事件”按钮，找到按钮的ID（如果没有，就在菜单中增加一个相同ID

谁践踏了优雅/ 2022年08月02日 14:53/ 0 赞/ 243 阅读

相关 table 添加 tr 的点击事件

在<table表格中为每一个<tr添加一个点击或双击事件，并传参数：方法传参可以通过直接传参，也可以通过对象传参：如下： HTML代码： <table id=

深藏阁楼爱情的钟/ 2022年05月20日 10:12/ 0 赞/ 822 阅读

相关 js在table中添加tr，删除最后一个tr

function addTable(){ var oTab = document.getElementById('tables'); v

本是古典何须时尚/ 2022年05月13日 07:12/ 0 赞/ 395 阅读

相关浅谈js实现双击事件：

浅谈js实现双击事件： <input name="btn_test" id="btn_test" type="button" value="测试"> <scr

淡淡的烟草味﹌/ 2022年03月14日 09:48/ 0 赞/ 804 阅读

相关 js给table每个tr添加双击事件

<html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <ti

向右看齐/ 2022年02月25日 00:18/ 0 赞/ 596 阅读

相关 element UI el-table表格添加行双击事件

<el-table @row-dblclick="dbSelected"> </el-table> //对应的 methods

末蓝、/ 2021年09月24日 01:16/ 0 赞/ 1548 阅读