HTML 5 拖放 實現在同乙個div內的拖放

//允許放置的方法：預設地，無法將資料/元素放置到其他元素中。如果需要設定允許放置，我們必須阻止對元素的預設處理方式。

function
allowdrop
(ev)
//拖動方法，獲取被拖元素：資料型別是 "text"，值是可拖動元素的 id 。
function
drag
(ev)
//放置方法：把被拖元素追加到放置元素（目標元素）中
function
drop
(ev)

"preview"

ondrop
="drop(event)"
ondragover
="allowdrop(event)"
>
"drag1"
draggable
="true"
ondragstart
="drag(event)"
data-
style
="border
: 1px solid rgb
(51, 68, 85);"
>
style
="top
: 0px;
">
class
="glyphicon glyphicon-remove"
>
span
>
div>
>
用章類別p
>
style
="color
:red;
position
:relative;
top: -22px;
">
*span
>
>
請選擇用章類別
class
="glyphicon glyphicon-menu-right"
style
="height
:40px;
line-height
:40px
">
span
>
span
>
div>
"drag2"
draggable
="true"
ondragstart
="drag(event)"
data-index
="2"
>
>
用章名稱p
>
style
="color
:red;
position
:relative;
top: -22px;
">
*span
>
>
請輸入用章名稱span
>
div>
"drag3"
draggable
="true"
ondragstart
="drag(event)"
data-index
="3"
>
>
用章事由p
>
style
="color
:red;
position
:relative;
top: -22px;
">
*span
>
class
="control_commit"
>
請輸入用章事由span
>
div>
"drag4"
draggable
="true"
ondragstart
="drag(event)"
data-index
="4"
>
>
附件p>
style
="color
:red;
position
:relative;
top: -22px;
">
*span
>
>
src=
".../attachment.png"
width
="26px"
height
="26px"
/>
div>
div>
"drag5"
draggable
="true"
ondragstart
="drag(event)"
data-index
="5"
>
>
傳送單位p
>
class
="tip"
style
="color
:red;
position
:relative;
top: -22px;
">
*span
>
class
="control_commit"
>
請選擇傳送單位span
>
div>
div>
原圖：
將用章類別拖動到最後：
在同乙個div中，怎麼設定不讓元素可拖動放置到另乙個元素中？（如：用章類別
如果不直接拖動到最後，而是拖動到用章名稱下面，就會導致它被拖動到用章名稱裡面，這不是我想要的效果）

實現同乙個使用者只能有乙個登入

1.在登入系統時，得到username 資料庫唯一 宣告個map key為username value 為sessionid 並放入快取中。2.寫乙個filter 類 每次請求 用username 從快取 的map裡 取出sessionid 如果不一致。remove 當時的sessionid 3.登...

同乙個伺服器實現單點登入

一.單點登入的前提條件 要想實現此功能要有一組加密與驗證加密的金鑰.修改節點下的節點屬性,如下 code 1.validationkey為用於驗證加密資料的金鑰.最小長度為40個字元 20位元組 最大長度為128個字元 64位元組 2.decryptionkey為用於加密資料的金鑰.最小長度為16字...

VUE 同乙個元件切換 實現DOM更新

在使用vue.js開發時遇到共用乙個元件，資料相同，只是展示的內容不同。但是在每次切換時，必須執行dom更新。如果你遇到這個問題時，可以試試在切換時 使用 v if 來判斷，官方文件中說是 v if 真正 的條件渲染，因為它會確保在切換過程中條件塊內的事件 和子元件適當地被銷毀和重建。v if 也是...