移動端列表長按後上下拖動進行排序

2021-08-09 05:37:46 字數 554 閱讀 9317

簡述:移動端列表長按後,然後可以上下拖動進行排序,主要使用了基於h5 sorttable,然後使用了touch相關事件實現,僅支援移動端。

效果圖:

長按下後拖動過程中的效果,如果不長按,只能上下滑動:

首先看html的**:

自定義排序

系統將根據下面排列的順序制定課程,長按拖動可調換順序

下一步

以上**主要引入了 zepto.min.js 和 原生js實現的sortable.js,以及jquery的外掛程式。

有乙個缺點,就是ios端長按後會出現選擇複製,不過不影響相應功能。

這個功能新增了長按後,會對當前選擇列表新增變色,然後可以拖動。

移動端長按事件

lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle head src js jquery.min.js script li style body id style...

移動端 ios 長按複製相容方案

移動端頁面,需要複製一段文字碼。在ios中,長按文字區域,預設選中的範圍,超出了我長按的文字區域,把上面的和下面的另乙個div的文字也給我包含進來了,並不是我想要的!舉個例子 如下圖 1.我長按的區域是紅色方框內的區域,想要複製框裡的文字內容。2.結果卻是下圖,即便 ios 上能再稍微操作一下 變成...

axure8 0 上下移動 移動端 移動端車牌識別

cp ocr移動端車牌識別技術描述 ocr移動端車牌識別技術是我公司開發的基於移動平台的車牌識別軟體開發包,支援android ios等多種主流移動作業系統。該產品採用手機 平板電腦攝像頭拍攝汽車牌照影象,然後通過ocr軟體對車牌顏色 車牌號進行識別。核心技術 移動車牌識別技術,ios車牌識別,車牌...