亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

原生態(tài)js,鼠標(biāo)按下后,經(jīng)過了那些單元格的簡單實(shí)例

 更新時(shí)間:2016年08月11日 08:56:47   投稿:jingxian  
下面小編就為大家?guī)硪黄鷳B(tài)js,鼠標(biāo)按下后,經(jīng)過了那些單元格的簡單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧

本來是要判斷那些單元格被選中,結(jié)果發(fā)現(xiàn)行不通,只能判斷鼠標(biāo)按下后,經(jīng)過了那些單元格

之所以發(fā)出來,是覺得案例還有很多有意思的地方

onmouseover  的持續(xù)觸發(fā),導(dǎo)致了很多重復(fù)元素

由于將事件綁定在整個(gè)table上,還出現(xiàn)了undefined

鼠標(biāo)的反復(fù)進(jìn)入進(jìn)出,會(huì)導(dǎo)致相同元素的斷斷續(xù)續(xù)的重復(fù),

如何解決他們!

<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;<BR>     //當(dāng)鼠標(biāo)被按下時(shí),為true,放開是為true 
  var indexs =[];<BR>      //用來存放鼠標(biāo)經(jīng)過的單元格在整個(gè)表格的位置,鼠標(biāo)按下時(shí)被初始化, 
  dnf.onmousedown = function() 
  { 
    flag = true; 
    indexs = []; 
  } 
  dnf.onmousemove = function(e) 
  { 
    if(flag)//只有鼠標(biāo)被按下時(shí),才會(huì)執(zhí)行復(fù)合代碼 
    { 
      indexs.push(search(e.target,dnf.getElementsByTagName("td")))   
    } 
  } 
  dnf.onmouseup = function() 
  { 
    flag = false; 
    deleteUndefined();//由于會(huì)經(jīng)過邊框,所以會(huì)出現(xiàn)null元素 
    deleteRepaint();//由于onmouseover不會(huì)只觸發(fā)一次,且我們選擇是可能反復(fù)經(jīng)過一個(gè)單元格 
    alert(indexs); 
  } 
  function deleteRepaint() 
  { 
    for(var j=0;j<indexs.length;j++)//保證第j個(gè)元素是唯一的 
    { 
      var head = indexs[j]; 
      for(var i=j+1;i<indexs.length;i++)//刪除與第j個(gè)重復(fù)的 
      { 
        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>

以上這篇原生態(tài)js,鼠標(biāo)按下后,經(jīng)過了那些單元格的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論