draggable 屬性

項目需求是作一個spliter,拖動後調整左右兩邊的佈局大小！

昨天是在document上綁定mousedown ,mousemove ,mouseup事件，來實時計算，並設置相應元素的寬度，這是最直接想到的辦法，就再也不多說了！

今天又看到一個html5屬性：draggable，就多瞭解一下了。

瀏覽器中，每一個元素均可以拖動，默認是draggable="auto".此時它們的行爲是瀏覽器賦予的，默認狀況是：只有   選中文本，圖片，超連接  是能夠被拖動，而且拖動後，會把它的「值/連接地址」賦予拖動的事件中去。

如要普通元素能夠拖動 ，只須要增長 draggable="true" 的屬性。經測試在IE,CHROME中，它是正常的，拖動時，會有一個淺的影子跟隨！

<div id="app" draggable="true"> 你能夠試試拖動我！ </div>

但firefox瀏覽器下，卻沒反應！去MDN上查一下說明，才知道，標準規定，須知足如下狀況才行：

一、增長draggable屬性

二、添加dragstart事件並設置drag data的值  

<div draggable="true" ondragstart="event.dataTransfer.setData('text/plain', 'This text may be dragged')">
  This text <strong>may</strong> be dragged.
</div>

此時：firefox瀏覽器下能夠拖動，但沒有淺的影子，