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

JavaScript027

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