html双击单元格修改,JS实现鼠标双击选中表格单元格代码

JS实现鼠标双击选中表格单元格代码-www.webdm.cn

.STYLE3 {font-size: 13px; color: #FF0000; }

.STYLE4 {font-size: 12px}

商品名称	数量	价格	合计
源码爱好者	1	888	888
数码相机	2	2400	4800
手机	4	2400	9600

var lastSelection = null;

function select(element){

var e, r, c;

if(element == null){

e = event.srcElement;//获取body元素的原始记录

}else{

e = element;

}

if(e.tagName == "TD"){

c = findcell(e);

if(c != null){

if(lastSelection != null){

deselectroworcell(window.lastSelection);

}

selectroworcell(c);

lastSelection = c;

}

}

window.event.cancelBubble = true;//取消冒泡语句,用于防止向下一个外层对象冒泡

}

table1.οnclick=select;

function findcell(e){

if(e.tagName == "TD"){

return e;

}else if(e.tagName == "BODY"){

return null;

}else{

return findcell(e.parentElement);

}

}

function selectroworcell(r){

r.runtimeStyle.backgroundColor="darkblue";

r.runtimeStyle.color="white";

}

function deselectroworcell(r){

r.runtimeStyle.backgroundColor = "";

r.runtimeStyle.color = "";

}

网页代码站 - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！