<DOCTYPE html> 声明后 鼠标拖动事怪 无效？解决方法
日期：2014-05-16 浏览次数：20374 次
<!DOCTYPE html> 声明后 鼠标拖动事怪 无效？
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script language="javascript">
var currentResizeTdObj=null;
function MouseDownToResize(event,obj){
obj=obj||this;
event=event||window.event;
currentResizeTdObj=obj;
obj.mouseDownX=event.clientX;
obj.mouseDownY=event.clientY;
obj.tdW=obj.offsetWidth;
obj.tdH=obj.offsetHeight;
if(obj.setCapture) obj.setCapture();
else event.preventDefault();
}
function MouseMoveToResize(event){
if(!currentResizeTdObj) return ;
var obj=currentResizeTdObj;
event=event||window.event;
if(!obj.mouseDownX) return false;
if(obj.parentNode.rowIndex==0) {
var newWidth=obj.tdW*1+event.clientX*1-obj.mouseDownX;
if(newWidth>0) obj.style.width = newWidth;
else obj.style.width =1;
}
if(obj.cellIndex==0){
var newHeight=obj.tdH*1+event.clientY*1-obj.mouseDownY;
if(newHeight>0) obj.style.height = newHeight;
else obj.style.height =1;
}
}
function MouseUpToResize(){
if(!currentResizeTdObj) return;
if (currentResizeTdObj.releaseCapture) currentResizeTdObj.releaseCapture();
currentResizeTdObj=null;
}
//改变表格行列宽函数
function ResizeTable_Init(table,needChangeWidth,needChangeHeight)
{
if(!needChangeWidth && !needChangeHeight)
return;
var oTh=table.rows[0];
if(needChangeWidth){
for(var i=0;i<oTh.cells.length;i++) {
var cell=oTh.cells[i];
cell.style.cursor="e-resize";
cell.style.width=cell.offsetWidth;
cell.onmousedown =MouseDownToResize;
}
}
if(needChangeHeight){
for(var j=0;j<table.rows.length;j++) {
var cell=table.rows[j].cells[0];
cell.style.cursor="s-resize";
cell.onmousedown =MouseDownToResize;
}
}
if(needChangeWidth && needChangeHeight)
oTh.cells[0].style.cursor="se-resize";
table.style.width=null;
table.style.tableLayout="fixed";
}
//函数块定义结束
</script>
<html>
<body onmousemove="MouseMoveToResize(event);" onmouseup="MouseUpToResize();" >
<div style="font-size:10pt;">
</div>
<table border="1" id="table1" style="width:100%;background-color:#eeeeee;" >
<tr id="TH1">
<td >header1</td>
<td >header2</td>
<td >header3</td>
<td >header4</td>
<td >header5</td>
</tr>
<tr>
<td >1</td>
<td >1</td>
<td >1</td>
<td >1</td>
<td ><input type="text" name="T4" size="20" value="1"></td>
</tr&
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
