首先呢, 先定義一個固定範圍的區塊, 接著要動態地將元素物件(例如圖片)放入該區塊(可能一開始在XML內便已定義好部分元素在區塊內), 如果空間夠大, 可以持續加入新的元素(元素個數未知). 一旦元素被加入該區塊後就必須可以被拖曳(原有的元素也要可以拖曳), 同時要能記錄該元素在該區塊的座標, 並且隨著使用者拖曳該元素而即時更新該元素座標. 若任兩元素在拖曳過程中重疊(比對座標), 必須顯示警示訊息.
  請問這樣的需求用 javascript + XML 做得到嗎?  希望可以做到. 如果可以做到, 我想請問您

1. 假設已經在XML定義好的元素有10個(例如10張小圖片 ), 但是user想要再加多少元素是不可知的. 這應該如何做事件的管控? 通常事件的觸發是依附著元素物件, 例如addEventListener. 抱歉, 我是個初學者, 我的想法是,  針對圖片1, 可以寫一個對應的事件處理函式來達成拖曳效果, 如p1.addEventListener; 對圖片2, 也是另外寫一個事件處理函式, p2.addEventListener. 如果有1000張圖片都要可以拖曳, 難道我必須寫1000個事件處理函式? 1000個listener和mousedown/up/move的函式? 應該不會這麼麻煩吧. 是不是有更簡便聰明的寫法? 另外, 如果圖片張數未知又該如何處理?

2. javascript如何記錄下每個元素(例如圖片, 原有的加上新增的)的座標值? 並隨時依照使用者的拖曳結果更新? 最後要將座標值和元素id一起寫入資料庫或者檔案中.

  如果做不到的話, 請問您有沒有更好的解決方案?! 如果XML內放的是2D向量圖形呢? 謝謝!