本來是要判斷那些單元格被選中，結果發現行不通，只能判斷滑鼠按下後，經過了那些單元格 之所以發出來，是覺得案例還有很多有意思的地方 onmouseover 的持續觸發，導致了很多重覆元素 由於將事件綁定在整個table上，還出現了undefined 滑鼠的反覆進入進出，會導致相同元素的斷斷續續的重覆， ...
本來是要判斷那些單元格被選中，結果發現行不通，只能判斷滑鼠按下後，經過了那些單元格
之所以發出來，是覺得案例還有很多有意思的地方
onmouseover 的持續觸發，導致了很多重覆元素
由於將事件綁定在整個table上，還出現了undefined
滑鼠的反覆進入進出，會導致相同元素的斷斷續續的重覆，
如何解決他們！
<table border="1" id="dnf"> <tr> <td rowspan="2">2</td> <td>2</td> <td>4</td> </tr> <tr> <td>2</td> <td>4</td> </tr> </table>
window.onload = function()
{
var flag = false;
//當滑鼠被按下時，為true,放開是為true
var indexs =[];
//用來存放滑鼠經過的單元格在整個表格的位置，滑鼠按下時被初始化，
dnf.onmousedown = function()
{
flag = true;
indexs = [];
}
dnf.onmousemove = function(e)
{
if(flag)//只有滑鼠被按下時，才會執行複合代碼
{
indexs.push(search(e.target,dnf.getElementsByTagName("td")))
}
}
dnf.onmouseup = function()
{
flag = false;
deleteUndefined();//由於會經過邊框，所以會出現null元素
deleteRepaint();//由於onmouseover不會只觸發一次，且我們選擇是可能反覆經過一個單元格
alert(indexs);
}
function deleteRepaint()
{
for(var j=0;j<indexs.length;j++)//保證第j個元素是唯一的
{
var head = indexs[j];
for(var i=j+1;i<indexs.length;i++)//刪除與第j個重覆的
{
if(head == indexs[i])
{
indexs.splice(i,1);
i--;
}
}
}
}
function deleteUndefined()
{
for(var i=0;i<indexs.length;i++)
{
if(typeof indexs[i] == "undefined")
{
indexs.splice(i,1);
i--;
}
}
}
function search(a,A)
{
var length = A.length;
for(var i=0;i<length;i++)
{
if(a == A[i])
{
return i;
}
}
}
}
</script>
