麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

原生態js,鼠標按下后,經過了那些單元格的簡單實例

2019-11-20 09:15:51
字體:
來源:轉載
供稿:網友

本來是要判斷那些單元格被選中,結果發現行不通,只能判斷鼠標按下后,經過了那些單元格

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

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;<BR>     //當鼠標被按下時,為true,放開是為true   var indexs =[];<BR>      //用來存放鼠標經過的單元格在整個表格的位置,鼠標按下時被初始化,   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>

以上這篇原生態js,鼠標按下后,經過了那些單元格的簡單實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 日韩av手机在线免费观看 | 国产在线91 | 国产成人自拍av | 色女人在线| 护士hd老师fre0性xxx | 欧美黄 片免费观看 | 久色网站| 黄色av一区二区三区 | 色综合久久久久久久粉嫩 | 久久99亚洲精品久久99果 | 国产精品美女久久久久久不卡 | 国产亚洲综合一区二区 | 毛片视频播放 | 特片网久久| 欧美毛片在线观看 | 日韩剧情片 | 黄色网址你懂的 | 在线视频观看成人 | 久草视频在线资源 | 精品国产91久久久久久久 | 久久欧美亚洲另类专区91大神 | 一级做a爱片久久毛片a高清 | 一级α片 | 久久成人免费网 | 国产精品爱久久久久久久 | 午夜精品福利视频 | 最新黄色电影网站 | 久久国产精品电影 | 日本综合久久 | 午夜视频观看 | 欧美成人精品不卡视频在线观看 | 中文字幕22页 | 国产一级桃视频播放 | av电影在线免费观看 | 国产999在线| 特级西西444www大精品视频免费看 | 羞羞视频免费观看入口 | 国产高潮好爽好大受不了了 | 7777视频| 精品成人av一区二区三区 | 久久经典国产视频 |