html5div拖拽插件 vue拖拽可更改div大小怎么不選中文字?
vue拖拽可更改div大小怎么不選中文字?例如:div中的內(nèi)容已超過div的高度,將出現(xiàn)一個(gè)滾動(dòng)條。我向上拖動(dòng)div中的內(nèi)容,向下拖動(dòng)滾動(dòng)條。如果我把它拖到底,我就不能把它拖程序說明鼠標(biāo)捕捉,清除選擇
vue拖拽可更改div大小怎么不選中文字?
例如:div中的內(nèi)容已超過div的高度,將出現(xiàn)一個(gè)滾動(dòng)條。我向上拖動(dòng)div中的內(nèi)容,向下拖動(dòng)滾動(dòng)條。如果我把它拖到底,我就不能把它拖
程序說明
鼠標(biāo)捕捉,清除選擇等,在這里用的拖放效果都有介紹。讓我們以simpleresize為例來解釋基本原理。
[程序原理
程序需要使用set來添加觸發(fā)器對(duì)象(即用于拖放的對(duì)象)。有關(guān)詳細(xì)信息,請(qǐng)參閱說明)。主要目的是設(shè)置MouseDown事件以觸發(fā)start程序開始縮放。
Start program主要用于設(shè)置縮放程序。最后,MouseMove事件用于觸發(fā)縮放程序,mouseup事件用于取消縮放停止程序。
尺寸程序的任務(wù)是執(zhí)行縮放程序。為了簡(jiǎn)化程序,將所有樣式都設(shè)置在一起,以便完成程序的注意過程。
PS:設(shè)置樣式的值必須大于0,否則ie將報(bào)告錯(cuò)誤。
拖動(dòng)和縮放效果,通過鼠標(biāo)拖動(dòng)來調(diào)整圖層的面積(寬度和高度)大小。例如,字幕效果。
這里的拖動(dòng)和縮放比常規(guī)選擇框要復(fù)雜一些。它可以設(shè)置八個(gè)固定的方向觸發(fā)點(diǎn)??稍O(shè)置最小量程、最大量程和刻度。
如何讓可拖拽的DIV保存位置?
1. 如果不自定義進(jìn)度條,則只能使用默認(rèn)進(jìn)度條。默認(rèn)進(jìn)度條在視頻標(biāo)簽中設(shè)置。我們做不到。我們不能拖動(dòng)它,但我們可以模擬它。單擊視頻或視頻所在的div時(shí),可以使其無效。其原理是鼠標(biāo)不能選擇進(jìn)度條,所以你不能拖動(dòng)它。如果希望能夠控制播放和暫停,可以實(shí)現(xiàn)JS控制。無論如何,你可以跳過視頻控制器,自己寫。2用透明層或圖片覆蓋進(jìn)度條