假如左边有一堆图片列表,我现在想用js批量选中(按shift键) 然后拖拽到红框区域,有什么好的办法能够实现
附上测试代码
<!DOCTYPE html>
<html>
<head>
<title>Sortable.js 批量选中和拖拽示例</title>
<script src="../../js/Sortable.min.js"></script>
</head>
<body>
<div id="container1" class="container">
<img src="../images/mock/1.jpg" alt="">
<img src="../images/mock/2.jpg" alt="">
<img src="../images/mock/3.jpg" alt="">
<img src="../images/mock/4.jpg" alt="">
</div>
<div id="container2" class="container"></div>
</body>
</html>
<style>
#container1{
float:left;
}
#container1 img{
width: 80px;
height: 80px;
display: block;
margin-bottom: 10px;
}
#container2{
margin-left: 20px;
float:left;
width: 400px;
height: 400px;
border: 1px red solid;
background: #f3f3f3;
}
</style>
<script>
var container1 = document.getElementById("container1");
var container2 = document.getElementById("container2");
var sortable = Sortable.create(container1, {
selectedClass: 'selected',
chosenClass: 'chosen',
animation: 150,
onEnd: function(evt) {
var itemEl = evt.item;
container2.appendChild(itemEl);
}
});
</script>