js模擬電腦選擇多文件夾效果_選區(qū)代碼
更新時(shí)間：2008年09月21日 21:27:39 作者：
模仿選擇文件夾效果的javascript封裝類，效果不錯(cuò)，實(shí)際應(yīng)用呢，暫時(shí)用不到，大家可以學(xué)習(xí)思路
代碼很簡(jiǎn)單，會(huì)繼續(xù)完善。。。
按住鼠標(biāo)鍵不動(dòng)，拖動(dòng)鼠標(biāo)，會(huì)看到效果
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
update:
1. 針對(duì)前2個(gè)beta版，該版本修復(fù)了前兩個(gè)版本出現(xiàn)的 bug ，
2. 進(jìn)行了代碼的簡(jiǎn)單封裝（由于本人初學(xué)js，對(duì)js掌握的很淺，因此面向?qū)ο蟮睦斫夂懿?，封裝的不好）；
3. 增加了對(duì) Ctrl 和 Shift 鍵的支持(目前shift鍵的功能和ctrl鍵的功能一樣，還不能達(dá)到仿windows的選區(qū)Shift鍵的功能)。
4. 增加了獲取“被選區(qū)選中元素”的方法，可以點(diǎn)擊按鈕“getRegions”看效果。
調(diào)用方法：
new RegionSelect({
region:'div.fileDiv',
selectedClass: 'seled'
}).select();
增強(qiáng)效果代碼
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
按住鼠標(biāo)鍵不動(dòng)，拖動(dòng)鼠標(biāo)，會(huì)看到效果
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
update:
1. 針對(duì)前2個(gè)beta版，該版本修復(fù)了前兩個(gè)版本出現(xiàn)的 bug ，
2. 進(jìn)行了代碼的簡(jiǎn)單封裝（由于本人初學(xué)js，對(duì)js掌握的很淺，因此面向?qū)ο蟮睦斫夂懿?，封裝的不好）；
3. 增加了對(duì) Ctrl 和 Shift 鍵的支持(目前shift鍵的功能和ctrl鍵的功能一樣，還不能達(dá)到仿windows的選區(qū)Shift鍵的功能)。
4. 增加了獲取“被選區(qū)選中元素”的方法，可以點(diǎn)擊按鈕“getRegions”看效果。
調(diào)用方法：
復(fù)制代碼 代碼如下:
new RegionSelect({
region:'div.fileDiv',
selectedClass: 'seled'
}).select();
增強(qiáng)效果代碼
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
下面小編就為大家?guī)?lái)一篇String字符串截取的四種方式總結(jié)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-11-11
近期月報(bào)里提到了valueOf方法,興致來(lái)了翻了下ECMA5里關(guān)于valueOf方法的介紹真是令人發(fā)指啊,不可思議的朋友可以參考下啊2013-02-02
前端GET/POST請(qǐng)求下載文件多種方式代碼示例
文件都是通過接口獲取的,前端通過調(diào)用接口將接口返回的文件下載,下面這篇文章主要給大家介紹了關(guān)于前端GET/POST請(qǐng)求下載文件的多種方式,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-06-06
這篇文章主要為大家詳細(xì)介紹了BootStrap模態(tài)框不垂直居中的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
圖表組件Chart.js是Bootstrap比較好用的組件之一,與一款收費(fèi)的組件highchart類似,效果上來(lái)看免費(fèi)與收費(fèi)的產(chǎn)品相差還是有一點(diǎn)點(diǎn)的，不過功能上差不多能滿足我們項(xiàng)目的需要，本文給大家介紹Bootstrap Chart組件使用，需要的朋友參考下吧2016-04-04
利用原生js實(shí)現(xiàn)html5小游戲之打磚塊（附源碼）
這篇文章主要給大家介紹了關(guān)于利用原生js實(shí)現(xiàn)html5小游戲之打磚塊的相關(guān)資料，這是最近工作遇到的一個(gè)小需求，文中通過示例代碼介紹的非常詳細(xì)，并分享了完整的源碼供大家參考學(xué)習(xí)，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01
Three.js中如何使用CSS3DRenderer和CSS3DSprite實(shí)現(xiàn)模型標(biāo)簽文字
在Three.js中,使用CSS3DRenderer和CSS3DSprite可以輕松地實(shí)現(xiàn)模型標(biāo)簽文字的效果,為場(chǎng)景中的模型提供更直觀的信息展示,本文將介紹如何使用這兩個(gè)工具來(lái)實(shí)現(xiàn)模型標(biāo)簽文字,并提供相應(yīng)的代碼示例,感興趣的朋友跟隨小編一起看看吧2024-05-05
這篇文章主要介紹了微信小程序 下拉刷新及上拉加載實(shí)現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11
tracking.js頁(yè)面人臉識(shí)別插件使用方法
這篇文章主要為大家詳細(xì)介紹了tracking.js頁(yè)面識(shí)別人臉插件使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
js簡(jiǎn)單實(shí)現(xiàn)調(diào)整網(wǎng)頁(yè)字體大小的方法
這篇文章主要介紹了js簡(jiǎn)單實(shí)現(xiàn)調(diào)整網(wǎng)頁(yè)字體大小的方法,通過javascript動(dòng)態(tài)修改頁(yè)面元素樣式實(shí)現(xiàn)調(diào)整網(wǎng)頁(yè)字體的功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2016-07-07