实现支持crtl与shift键的行多选代码,JS代码库,德仔网

代码语言

代码分类

【JS】实现支持crtl与shift键的行多选

作者:dezai / 发布于2014/6/10/ 578


	var lastObj = {}; //选中的当前行对象
	var tableObj = {}; //表对象

	

	//按键多选
	function onTrClick(o) {
	 tableObj = document.getElementById("Table1");
	 var len = tableObj.rows.length;
	 for (var i = 1; i < len; i++) {
	 tableObj.rows[i].rowNum = i;
	 }
	 if (event.ctrlKey) {//如果按下了ctrl键
	 if (o.style.backgroundColor == "#ffffff") {
	 o.style.backgroundColor = '#e3e9f4';
	 lastObj = o;
	 }else if (o.style.backgroundColor == "#e3e9f4") {
	 o.style.backgroundColor = '#ffffff';
	 }
	 }else if (event.shiftKey) {//如果按下了shift键
	 var beginNum, lastNum;
	 if (lastObj.rowNum <= o.rowNum) {
	 beginNum = lastObj.rowNum;
	 lastNum = o.rowNum;
	 }else {
	 beginNum = o.rowNum;
	 lastNum = lastObj.rowNum;
	 }
	 for (var i = 0; i < len; i++) {
	 if (i >= beginNum && i <= lastNum) {
	 tableObj.rows[i].style.backgroundColor = "#e3e9f4";
	 }else{
	 tableObj.rows[i].style.backgroundColor = "#ffffff";
	 }
	 }
	 lastObj = o;
	 }else {
	 for (var i = 1; i < len; i++) {
	 tableObj.rows[i].style.backgroundColor = "#ffffff";
	 }
	 o.style.backgroundColor = '#e3e9f4';
	 lastObj = o;
	 }
	 }

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　支持crtl与shift键　　　　行多选　

同语言下

可能有用的

dezai贡献的其它代码(1065)