滑鼠拖動層 可任意繫結DIV標籤 的兩種實現方法

2021-06-07 05:27:30 字數 733 閱讀 1829

實現方法一:

這個用子標籤操作父標籤 

呼叫方法

var i=new endrag('hand','movediv',0,0);

第乙個引數為源標籤物件或物件id屬性;第二個引數為要移動的目標物件或物件id屬性;第3、4個引數為偏移值,供最後調整用;

滑鼠指標在紅色區域才有效

這個用自標籤操作自己 

呼叫方法

var j=new endrag('div1','div1',0,0);

第乙個引數為源標籤物件或物件id屬性;第二個引數為要移動的目標物件或物件id屬性;第3、4個引數為偏移值,供最後調整用;

滑鼠指標在div1標籤內就有效

複製**

實現方法二:

呼叫方法

endrag.bind('movediv').bind('div1').offset();

通過多次呼叫bind方法可以繫結任意多個div標籤;

offset設定偏移,預設x偏移和y偏移都為0,供調整使用

本方法不能通過子元素繫結操作父元素

拖動層呼叫方法

endrag.bind('movediv').bind('div1').offset();

可以繫結任意多個div標籤;

offset設定偏移,預設x偏移和y偏移都為0,供調整使用

本方法不能通過子元素繫結操作父元素

拖動層 

複製** 文/

惜潭出處/csdn

可拖動DIV層

定義好div後,只要把div的id傳進去就能實現拖動效果 var obox document.getelementbyid divid 拖動層 var disx disy 0 var bdrag false 啟用拖動 obox.onmousedown function event 拖動開始 docu...

滑鼠點選可拖動窗體方法

dllimport user32.dll public static extern int sendmessage intptr hwnd,uint msg,int wparam,int lparam dllimport user32.dll public static extern bool re...

SL滑鼠拖動

實現滑鼠down up 和move 事件可以在布局面板中使用滑鼠拖動或移動巢狀在border控制項中的影象或物件。xaml canvas x name layoutroot background white border x name border1 canvas.top 100 canvas.le...