今天分享用js写一个简单九宫格(鼠标拖拽)

代码如下:

     首先声明一下,判断是否交换位置的代码可以写在两个地方分别是:onmouseup和onmousemove。但写在两个地方的效果不同。假如写在onmousemove里,那么随着鼠标移动li,后松开鼠标左键回触发多个li的推动;但写在onmouseup不会,当松开鼠标左键,只有当前li和目标li 进行交换。看自己的喜好,写在哪都可以,我这里是写在了onmouseup里



	
	
	九宫格完整版
	
	
	
		
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

  愿你,看清生活的真相后,还能拥抱生活。

                                                                                 


你可能感兴趣的:(前端开发)