js问题：按住shift键选中多个文件，而且不仅仅如此

JavaScript021

js问题：按住shift键选中多个文件，而且不仅仅如此,第1张

shift的框选需要判断坐标，不那么容易

ctrl这个，思想就是用一个变量记录ctrl键的状态，就是一个bool值，onkeydown事件中判断ctrl按下将该标志设为true，onkeyup事件中是ctrl设为false，这样该bool值就是ctrl键的状态了

鼠标点击事件中判断该bool值，若为真，说明ctrl处于按下状态，此时点击选择的结果加入到前面的选择结果中；若该bool值为false，说明ctrl没有按下，这时，应该产生新的选择结果集

其实多选用选择框checkbox做才是正理

下面三种都会影响原数组，最后一项不影响原数组：

opop()

oshift()

osplice()

oslice()

1、pop()

pop() 方法用于删除数组的最后一项，同时减少数组的length 值，返回被删除的项

let colors = ["red", "green"]

let item = colors.pop()// 取得最后一项

console.log(item) // green

console.log(colors.length) // 1

2、shift()

shift()方法用于删除数组的第一项，同时减少数组的length 值，返回被删除的项

let colors = ["red", "green"]

let item = colors.shift()// 取得第一项

console.log(item) // red

console.log(colors.length) // 1

3、splice()

传入两个参数，分别是开始位置，删除元素的数量，返回包含删除元素的数组

let colors = ["red", "green", "blue"]

let removed = colors.splice(0,1)// 删除第一项

console.log(colors)// green,blue

console.log(removed)// red，只有一个元素的数组

4、slice()

slice() 用于创建一个包含原有数组中一个或多个元素的新数组，不会影响原始数组

let colors = ["red", "green", "blue", "yellow", "purple"]

let colors2 = colors.slice(1)

let colors3 = colors.slice(1, 4)

console.log(colors) // red,green,blue,yellow,purple

concole.log(colors2)// green,blue,yellow,purple

concole.log(colors3)// green,blue,yellow