JS代码关现鼠标选择表格中的多行
2024-07-22 本站作者 【 字体：大 中 小 】
实例名称
鼠标选择表格中的多行
实例描述
可通过拖曳的形式实现选择表格的多行。本例通过改变行的背景色，演示选择表格多行的效果。
实例代码
htmlheadtitle 鼠标选择多行-学无忧 language="JavaScript"var curObj= null;var isTrue =false;function setSelectedBgColor//设置选定行的背景色isTrue =true;=='TD' //如果选中的是单元格 curObj=;//获取其父级节点-表格行 ='#ff9999'; //设置背景色 /scriptbodytable border="1" width=220 height=220 onmousemove= "ifisTruesetSelectedBgColor;" onmousedown="setSelectedBgColor;" onmouseup="isTrue =false;"trtd单元格/tdtd单元格/tdtd单元格/td/trtrtd单元格/tdtd单元格/tdtd单元格/td/trtrtd单元格/tdtd单元格/tdtd单元格/td/trtrtd单元格/tdtd单元格/tdtd单元格/td/tr/table/body/html
运行效果
难点剖析
首先判断用户选择的是否是单元格，如果是，则获取单元格的父级标签“tr”。最后通过“background”属性改变行的背景色。
源码下载
猜你喜欢
拳皇15新DLC角色“薇思”和“麦卓”公开
0 王者荣耀S27吕布怎么出装
0 泰拉瑞亚各种boss特殊掉落，泰拉瑞亚天界徽章获取秘籍
0 全境封锁2怎么操作全境封锁2按键操作说明
0 保卫萝卜4手游2022年11月15日周赛怎么过
0 堕落之主受诅咒之人套怎么得到
0 大漠驼铃文件粉碎机粉碎文件的方法
0 幻兽帕鲁樱花岛boss位置汇总
0 7399游戏盒破解下载-7399游戏盒破解最新版本
0 原神星光凝核有什么用原神3.0星核作用介绍
0 
2024去云南旅游最佳路线 云南旅游的最佳路线安排
2024最适合穷游的12个地方 一个人穷游去哪里好
2024桂林必去五个景点 桂林旅游必看景点
2024清明家庭旅游最佳去处 清明节去哪里玩比较好
张家界旅游必去景区 张家界旅游景点推荐
2024重庆旅游攻略 2024年重庆旅游景点
西安旅游攻略自由行路线推荐 第一次去西安旅游攻略
2024昆明旅游攻略景点大全 昆明有什么好玩的地方推荐
成都旅游必去十大景点推荐 四川成都最值得去的十大景点
2024山西旅游必去十大景点 山西必去景点攻略地
