devbox
从前慢现在也慢
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

列表多选拖拽自定义拖拽阴影图层（原生html+jquery+js+css）_sjrrhx

作者：从前慢现在也慢 | 2024-02-27 20:38:07

赞

踩

sjrrhx

自定义拖拽阴影图层：

 

  1. <!DOCTYPE html>
  2. <html lang=en>
  3. <head>
  4.     <title>列表多选拖拽</title>
  5.     <meta content="width=device-width">
  6.     <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
  7. </head>
  8. <body>
  9. <div class="h50"></div>
  10. <div class="botTable">
  11.     <div class="tableLeft fl">
  12.         <table border="0" cellspacing="0">
  13.             <tr class="leftHeader">
  14.                 <td align="left" valign="middle">
  15.                     Options
  16.                 </td>
  17.             </tr>
  18.             <tr>
  19.                 <td id="targerTd1" class="tableLeftOpt" align="left" valign="middle">
  20.                     <span id="targerOp1">All</span>
  21.                     <div id="targerNu1" class="fr rightNumber">12</div>
  22.                 </td>
  23.             </tr>
  24.             <tr>
  25.                 <td id="targerTd2" class="tableLeftOpt" align="left" valign="middle">
  26.                     <span id="targerOp2">Unread</span>
  27.                     <div id="targerNu2" class="fr rightNumber">15</div>
  28.                 </td>
  29.             </tr>
  30.             <tr>
  31.                 <td id="targerTd3" class="tableLeftOpt" align="left" valign="middle">
  32.                     <span id="targerOp3">suitable</span>
  33.                     <div id="targerNu3" class="fr rightNumber">18</div>
  34.                 </td>
  35.             </tr>
  36.             <tr>
  37.                 <td id="targerTd4" class="tableLeftOpt" align="left" valign="middle">
  38.                     <span id="targerOp4">Reward Resume</span>
  39.                     <div id="targerNu4" class="fr rightNumber">22</div>
  40.                 </td>
  41.             </tr>
  42.             <tr>
  43.                 <td class="tableLeftOpt" align="left" valign="middle"></td>
  44.             </tr>
  45.         </table>
  46.     </div>
  47.     <div class="tableRight">
  48.         <table class="fl" border="0" cellspacing="0">
  49.             <tr class="tableHea">
  50.                 <td align="center" valign="middle">
  51.                     <input type="checkbox" class="tableRSelectAll">
  52.                 </td>
  53.                 <td align="center" valign="middle">Name</td>
  54.                 <td align="center" valign="middle">Job Title</td>
  55.                 <td align="center" valign="middle">Specialties</td>
  56.                 <td align="center" valign="middle">Delivery time</td>
  57.             </tr>
  58.             <tr class="tableBody" draggable="true" id="tr1" ondragstart="drag(event)"
  59.                 ondragend="dragEnd(event)">
  60.                 <td align="center" valign="middle"><input type="checkbox"/></td>
  61.                 <td align="center" valign="middle">
  62.                     <div class="tableAvatar fl btnMl15"><img draggable="false"
  63.                                                              src="data:image/png;base64,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"
  64.                                                              alt=""></div>
  65.                     <span class="name">Aung Thi Ha1</span></td>
  66.                 <td align="center" valign="middle">Account Analyst1</td>
  67.                 <td align="center" valign="middle">E-commerce1</td>
  68.                 <td align="center" valign="middle">2022-06-10</td>
  69.             </tr>
  70.             <tr class="tableBody" draggable="true" id="tr2" ondragstart="drag(event)"
  71.                 ondragend="dragEnd(event)">
  72.                 <td align="center" valign="middle"><input type="checkbox"/></td>
  73.                 <td align="center" valign="middle">
  74.                     <div class="tableAvatar fl btnMl15"><img draggable="false"
  75.                                                              src="data:image/png;base64,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"
  76.                                                              alt=""></div>
  77.                     <span class="name">Aung Thi Ha2</span></td>
  78.                 <td align="center" valign="middle">Account Analyst2</td>
  79.                 <td align="center" valign="middle">E-commerce2</td>
  80.                 <td align="center" valign="middle">2022-06-10</td>
  81.             </tr>
  82.             <tr class="tableBody" draggable="true" id="tr3" ondragstart="drag(event)"
  83.                 ondragend="dragEnd(event)">
  84.                 <td align="center" valign="middle"><input type="checkbox"/></td>
  85.                 <td align="center" valign="middle">
  86.                     <div class="tableAvatar fl btnMl15"><img draggable="false"
  87.                                                              src="data:image/png;base64,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"
  88.                                                              alt=""></div>
  89.                     <span class="name">Aung Thi Ha3</span></td>
  90.                 <td align="center" valign="middle">Account Analyst3</td>
  91.                 <td align="center" valign="middle">E-commerce3</td>
  92.                 <td align="center" valign="middle">2022-06-10</td>
  93.             </tr>
  94.             <tr class="tableBody" draggable="true" id="tr4" ondragstart="drag(event)"
  95.                 ondragend="dragEnd(event)">
  96.                 <td align="center" valign="middle"><input type="checkbox"/></td>
  97.                 <td align="center" valign="middle">
  98.                     <div class="tableAvatar fl btnMl15"><img draggable="false"
  99.                                                              src="data:image/png;base64,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"
  100.                                                              alt=""></div>
  101.                     <span class="name">Aung Thi Ha4</span></td>
  102.                 <td align="center" valign="middle">Account Analyst4</td>
  103.                 <td align="center" valign="middle">E-commerce4</td>
  104.                 <td align="center" valign="middle">2022-06-10</td>
  105.             </tr>
  106.             <tr class="tableBody" draggable="true" id="tr5" ondragstart="drag(event)"
  107.                 ondragend="dragEnd(event)">
  108.                 <td align="center" valign="middle"><input type="checkbox"/></td>
  109.                 <td align="center" valign="middle">
  110.                     <div class="tableAvatar fl btnMl15"><img draggable="false"
  111.                                                              src="data:image/png;base64,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"
  112.                                                              alt=""></div>
  113.                     <span class="name">Aung Thi Ha5</span></td>
  114.                 <td align="center" valign="middle">Account Analyst5</td>
  115.                 <td align="center" valign="middle">E-commerce5</td>
  116.                 <td align="center" valign="middle">2022-06-10</td>
  117.             </tr>
  118.         </table>
  119.     </div>
  120. </div>
  121. <div class="drgBox drgBoxNosee borderBoxSty">
  122.     <img
  123.         src="data:image/png;base64,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"
  124.         alt="">
  125.     <span class="dragContent btnMl15">Aung Thi Ha</span>
  126.     <span class="dragNumber ">1</span>
  127. </div>
  128. <script>
  129. 	let isClick = false //判断是否选择过列表
  130. 	function selectAll(selectAll) {
  131. 		trList = []
  132. 		for (var i = 0; i < inputList.length; i++) {
  133. 			let trNode = $(inputList[i]).parent().parent()
  134. 			if (selectAll[0].checked) {
  135. 				isClick = true
  136. 				trNode.attr({draggable: "true"})
  137. 				trList.push({
  138. 					elemId: trNode.attr('id'),
  139. 					name: trNode.find('.name').text(),
  140. 					avatar: trNode.find('img').attr("src")
  141. 				})
  142. 				inputList[i].checked = true;
  143. 				$('.tableRSelectAll ')[0].checked = true;
  144. 			} else {
  145. 				isClick = true
  146. 				trList = []
  147. 				inputList[i].checked = false;
  148. 				$('.tableRSelectAll ')[0].checked = false;
  149. 			}
  150. 		}
  151. 	}
  152.  
  153. 	let inputList = $('.tableBody input')
  154. 	let tableRSelectAll = $('.tableRSelectAll')
  155. 	tableRSelectAll.click(function () {
  156. 		selectAll(tableRSelectAll)
  157. 	})
  158. 	// 每一项的选择事件
  159. 	$('.tableBody input').click(function () {
  160. 		inputList = $('.tableBody input')
  161. 		// 初始时候列表tr允许拖动，点击选择之后只设置当前tr可拖动
  162. 		for (let i = 0; i < inputList.length; i++) {
  163. 			if (!inputList[i].checked) {
  164. 				$(inputList[i]).parent().parent().attr({draggable: false})
  165. 			}
  166. 		}
  167. 		let trNode = $(this).parent().parent()
  168. 		// 记录所选数据
  169. 		if (trNode.find("input")[0].checked) {
  170. 			isClick = true
  171. 			trNode.attr({draggable: "true"})
  172. 			trList.push({
  173. 				elemId: trNode.attr('id'),
  174. 				name: trNode.find('.name').text(),
  175. 				avatar: trNode.find('img').attr("src")
  176. 			})
  177. 		} else {
  178. 			isClick = false
  179. 			trNode.attr({draggable: "false"})
  180. 			trList = trList.filter(item => {
  181. 				return item.elemId !== trNode.attr('id')
  182. 			})
  183. 		}
  184. 		if (trList.length === 0) {
  185. 			isClick = false
  186. 		}
  187. 		let target = true
  188. 		for (let i = 0; i < inputList.length; i++) {
  189. 			if (!inputList[i].checked) {
  190. 				target = false
  191. 			}
  192. 		}
  193. 		if (target) {
  194. 			$('.tableRSelectAll ')[0].checked = true;
  195.  
  196. 		} else {
  197. 			$('.tableRSelectAll ')[0].checked = false;
  198.  
  199. 		}
  200. 		if (trList.length === 0) {
  201. 			$(inputList).closest("tr").attr({draggable: true})
  202. 		}
  203. 	})
  204.  
  205. 	// 记录所选的列表项
  206. 	let trList = []
  207.  
  208. 	//设置允许拖拽
  209. 	function allowDrop(ev) {
  210. 		ev.preventDefault();
  211. 	}
  212.  
  213. 	//开始拖拽
  214. 	function drag(ev) {
  215. 		// 没有被点击选择过，则拖拽谁显示谁
  216. 		if (trList.length === 0) {
  217. 			trList.push({
  218. 				elemId: $("#" + ev.target.id).attr('id'),
  219. 				name: $("#" + ev.target.id).find('.name').text(),
  220. 				avatar: $("#" + ev.target.id).find('img').attr("src")
  221. 			})
  222. 		}
  223. 		// 设置拖拽图层数据
  224. 		// $('.drgBox img').attr("src", trList[0].avatar)
  225. 		// $('.drgBox .dragContent').text(trList[0].name)
  226. 		$('.drgBox img').attr("src", $("#" + ev.target.id).find('img').attr("src"))
  227. 		$('.drgBox .dragContent').text($("#" + ev.target.id).find('.name').text())
  228. 		$('.drgBox .dragNumber').text(trList.length)
  229. 		let crt = document.querySelector('.drgBox');
  230. 		crt.classList.remove("drgBoxNosee")
  231. 		$(crt).css({
  232. 			position: "absolute",
  233. 			top: "-100%",
  234. 			left: "0",
  235. 		})
  236. 		document.body.appendChild(crt);
  237. 		ev.dataTransfer.setDragImage(crt, 10, 10); //设置图片偏移量
  238. 		ev.dataTransfer.setData("text/plain", trList)
  239. 		//判断左边列表内容不为空便允许添加，可扩展判断
  240. 		tableLeftOptList.each(function () {
  241. 			if ($(this).find("span").text() !== "") {
  242. 				$(this).parent().attr("ondrop", "drop(event)")
  243. 				$(this).parent().attr("ondragover", "allowDrop(event)")
  244. 			}
  245. 		})
  246. 	}
  247.  
  248. 	//拖拽时鼠标抬起事件
  249. 	function dragEnd(ev) {
  250. 		let number = $(".tableRight input[type=checkbox]:checked").length
  251. 		if (number === 0) {
  252. 			// 拖拽放置之后清空
  253. 			trList = []
  254. 		}
  255. 	}
  256.  
  257. 	//拖拽释放
  258. 	function drop(ev) {
  259. 		// 鼠标抬起隐藏drage图层
  260. 		ev.preventDefault();
  261. 		let endTag = $('#' + ev.target.id).closest('tr')
  262. 		let baseNumber = $(endTag.children().children()[1]).text()
  263. 		$(endTag.children().children()[1]).text(Number(baseNumber)+trList.length)
  264. 		// 释放后将表格中原有结构删除
  265. 		if (trList.length > 0) {
  266. 			trList.forEach(item => {
  267. 				$('#' + item.elemId).remove();
  268. 			})
  269. 		}
  270.  
  271. 		// console.log(ev.dataTransfer.getData("text"), "111111111")
  272. 		//判断是否全选并全部移入左边，并取消全选
  273. 		// TODO
  274. 		let dataLength //所有数据条数
  275. 		if (trList.length === inputList.length) {
  276. 			tableRSelectAll[0].checked = false
  277. 		}
  278. 		//移除之后重新获取inputList
  279. 		inputList = $('.tableBody input')
  280. 		inputList.closest("tr").attr({
  281. 			draggable: true
  282. 		})
  283. 	}
  284.  
  285. 	//左边表格点击
  286. 	let tableLeftOptList = $('.tableLeftOpt')
  287. 	tableLeftOptList.click(function () {
  288. 		for (let i in tableLeftOptList) {
  289. 			tableLeftOptList.removeClass("tdHover")
  290.  
  291. 		}
  292. 		if ($(this).text() !== "") {
  293. 			$(this).addClass("tdHover")
  294.  
  295. 		}
  296. 	})
  297. </script>
  298. </body>
  299. <style>
  300.     .fl {
  301.         float: left;
  302.         display: inline-block;
  303.     }
  304.  
  305.     .fr {
  306.         float: right;
  307.         display: inline-block;
  308.     }
  309.  
  310.     .h50 {
  311.         height: 50px;
  312.     }
  313.  
  314.     .botTable {
  315.         width: 70%;
  316.         margin: auto;
  317.     }
  318.  
  319.     .botTable .tableLeft {
  320.     }
  321.  
  322.     .botTable .tableRight {
  323.         overflow: hidden;
  324.     }
  325.  
  326.     .botTable table {
  327.  
  328.     }
  329.  
  330.     .botTable tr {
  331.         height: 63px;
  332.     }
  333.  
  334.     .botTable td {
  335.         font-size: 14px;
  336.         font-family: "Microsoft Sans Serif";
  337.         color: rgba(51, 51, 51);
  338.         text-align: center;
  339.         min-width: 100px;
  340.         cursor: pointer;
  341.     }
  342.  
  343.     .tableLeft table {
  344.         border: 1px solid #ebebeb;
  345.         border-right: none;
  346.         background: #fafafc;
  347.     }
  348.  
  349.     .tableRight table {
  350.         border: 1px solid #ebebeb;
  351.         margin-left: -2px;
  352.     }
  353.  
  354.     .tableLeft table .lcSelect_type1Box {
  355.         height: 63px;
  356.     }
  357.  
  358.     .tableLeft table .lc_formBdAllBg {
  359.         border-radius: 0px;
  360.         border: none;
  361.         background: none;
  362.     }
  363.  
  364.     .tableLeft table .talentPoolTopSel .aykj_cssSelect .aykj_selectBox {
  365.         padding-left: 45px;
  366.     }
  367.  
  368.     .tableLeft table .lcSelect_type1Box .aykj_selectLt {
  369.         line-height: 63px;
  370.         border-radius: 0px;
  371.     }
  372.  
  373.     .tableLeft table .lcSelect_type1Box .aykj_cssSelect .aykj_selectLt {
  374.         background: none;
  375.         color: rgba(51, 51, 51);
  376.     }
  377.  
  378.     .tableLeft table .aykj_cssSelect .aykj_optionsBox {
  379.         padding: 0px;
  380.         border-radius: 3px;
  381.         background-color: rgb(255, 255, 255);
  382.         box-shadow: 0px 2px 7px 0px rgba(15, 71, 243, 0.27);
  383.     }
  384.  
  385.     .tableLeft table .leftHeader {
  386.         background: #f1f4fb;
  387.     }
  388.  
  389.     .tableLeft table .leftHeader:hover {
  390.         border: none;
  391.     }
  392.  
  393.     .tableLeft table .rightNumber {
  394.         text-align: center;
  395.         border: 1px solid #ebebeb;
  396.         width: 40px;
  397.         height: 20px;
  398.         line-height: 20px;
  399.         border-radius: 10px;
  400.         margin-right: 20px;
  401.         margin-top: -3px;
  402.     }
  403.  
  404.     .tableLeft .tdHover {
  405.         border-left: 2px solid #0f47f3;
  406.     }
  407.  
  408.     .tableLeft td:hover {
  409.         border-left: 2px solid #0f47f3;
  410.     }
  411.  
  412.     .tableLeft tr:hover .tableLeftOpt {
  413.         color: #0f47f3;
  414.     }
  415.  
  416.     .tableLeft .tdHover {
  417.         color: #0f47f3;
  418.     }
  419.  
  420.     .tableLeft td {
  421.         border: none;
  422.         border: 1px solid #ebebeb;
  423.         box-sizing: border-box;
  424.         min-width: 210px;
  425.     }
  426.  
  427.  
  428.     .tableRight .tableHea {
  429.         background: #f1f4fb;
  430.     }
  431.  
  432.     .tableRight .tableHea:hover {
  433.         box-shadow: none;
  434.     }
  435.  
  436.     .tableRight td {
  437.         min-width: 150px;
  438.     }
  439.  
  440.     .tableRight tr:hover {
  441.         box-shadow: 0px 2px 7px 0px rgba(15, 71, 243, 0.27);
  442.     }
  443.  
  444.     .tableRight .tableHea td {
  445.         border: none;
  446.     }
  447.  
  448.     .tableRight .tableAvatar {
  449.         overflow: hidden;
  450.         width: 32px;
  451.         height: 32px;
  452.         border-radius: 50%;
  453.         background: #333333;
  454.     }
  455.  
  456.     .tableRight .tableAvatar img {
  457.         width: 32px;
  458.         height: 32px;
  459.  
  460.     }
  461.  
  462.     .tableRight tr:hover .name {
  463.         color: #0f47f3;
  464.     }
  465.  
  466.     .tableRight .name {
  467.         line-height: 30px;
  468.     }
  469.  
  470.     /*拖拽阴影样式*/
  471.     .drgBox {
  472.         margin-top: 10px;
  473.         width: 200px;
  474.         height: 30px;
  475.         border-radius: 15px;
  476.         background-color: rgba(15, 71, 243, 0.4);
  477.         line-height: 30px;
  478.         text-align: left;
  479.         padding: 0 15px;
  480.         display: inline-block;
  481.         vertical-align: middle;
  482.         position: relative;
  483.     }
  484.  
  485.     .drgBoxNosee {
  486.         display: none;
  487.         /*visibility: hidden;*/
  488.         /*opacity: 0;*/
  489.     }
  490.  
  491.     .drgBox img {
  492.         width: 20px;
  493.         height: 20px;
  494.         border-radius: 50%;
  495.     }
  496.  
  497.     .drgBox .dragContent {
  498.         font-size: 14px;
  499.         color: #333333;
  500.     }
  501.  
  502.     .drgBox .dragNumber {
  503.         font-size: 14px;
  504.         color: #FFFFFF;
  505.         display: block;
  506.         position: absolute;
  507.         top: -10px;
  508.         right: 0;
  509.         width: 20px;
  510.         height: 20px;
  511.         border-radius: 50%;
  512.         line-height: 20px;
  513.         background: red;
  514.         text-align: center;
  515.     }
  516. </style>
  517. </html>
  518.

实现效果

 

 

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/155806
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号