原生js实现在表格用鼠标框选并有反选功能

今天应同学要求,需要写一个像Excel那样框选高亮,并且实现框选区域实现反选功能。要我用原生js写,由于没什么经验翻阅了很多资料,第一次写文章希望各位指出不足!!

上来先建表


以下省略十行……
  水果 蔬菜
苹果 菠菜
白菜
葡萄 萝卜
桃子 土豆
苹果 菠菜

样式



效果

原生js实现在表格用鼠标框选并有反选功能_第1张图片


重头戏js部分开始


原生js实现在表格用鼠标框选并有反选功能_第2张图片
效果动态图.gif

你可能感兴趣的:(原生js实现在表格用鼠标框选并有反选功能)