一、拖拽事件:onmousedown:選擇元素
onmousemove:移動元素
onmouseup:釋放元素
drag(odiv);
function drag(obj)
document.onmousemove = function(ev)else if( left >document.documentelement.clientwidth - obj.offsetwidth)
if( top < 50)else if (top > document.documentelement.clientheight - obj.offsetheight)
//碰撞事件
var l1 = left;
var r1 = l + obj.offsetwidth;
var t1 = top;
var b1 = t + obj.offsetheight;
var l2 = oimg.offsetleft;
var r2 = l2 + oimg.offsetwidth;
var t2 = oimg.offsettop;
var b2 = t2 + oimg.offsetheight;
if( r1< l2 || l1 > r2 || b1 < t2 || t1 > b2)else
obj.style.left = left + 'px';
obj.style.top = top + 'px';
}document.onmouseup = function()
}return false;}}
1)託轉的時候,如果有文字被選中會出現問題
原因:當滑鼠按下的時候,如果頁面中有文字被選中,會觸發瀏覽器預設拖拽文字效果
標準:阻止預設事件
非標準: 全域性捕獲
深入Android Touch事件傳遞機制
隨著android學習的深入,發現android中的touch事件是乙個你必須要啃的硬骨頭,本人花了一些時間去搞明白這些事,不敢說搞的非常透徹,但也絕不是淺嘗輒止。下面我就用最通俗的話分享給大家。一 什麼是touch事件 機制 即是使用者用手指頭放到手機螢幕上到手指頭全部離開的整個過程 也叫一次事件...
深入Android Touch事件傳遞機制
隨著android學習的深入,發現android中的touch事件是乙個你必須要啃的硬骨頭,本人花了一些時間去搞明白這些事,不敢說搞的非常透徹,但也絕不是淺嘗輒止。下面我就用最通俗的話分享給大家。一 什麼是touch事件 機制 即是使用者用手指頭放到手機螢幕上到手指頭全部離開的整個過程 也叫一次事件...
C 深入剖析 1 事件
c 深入剖析 1 事件 準備寫乙個系列文章,深入 c 及.net中的某些特性。第一篇 事件 事件相信每個人都不陌生,隨便乙個winform程式,就會使用大量的事件,比如 c code class mainform form private void mainform click object sen...